How to use the optional Thrinacia Atlas WordPress Crowdfunding plugin on a Bluehost hosted website

Adding the optional WordPress plugin on to a Bluehost website
Adding the optional WordPress plugin on to a Bluehost website

Do you want to add Crowdfunding capabilities on your WordPress website hosted by Bluehost? If so, this tutorial will show you how to add and enable the Thrinacia Atlas WordPress plugin on your WordPress website.

Please note that normally Thrinacia Atlas can run in standalone mode or with standalone UI that we host for you as part of the subscription plan, but if for some reason you have an existing Bluehost website and want to run the crowdfunding section there, then this blog may be for you.

Below are the steps that it takes to add a full white label Crowdfunding platform on your WordPress website while using Bluehost.

Step 1. Subscribe to the Atlas subscription plan

Go to the pricing page on Thrinacia’s website, and choose the plan that best suits your needs. Upon purchasing the subscription plan, you can begin to build the Crowdfunding platform. For this example, we are going to use Thrinacia’s demo website called Origin.

New Atlas Subscription plans Thrinacia UI
Atlas subscription plan options

Step 2. Use Bluehost to create and host the WordPress website

If you have not done so already, you can create a WordPress website through Bluehost. There is a one click install to add and create a new WordPress website. Click on the “install WordPress” button on the left side of the page to create a new WordPress website.

One click WordPress install
One click WordPress install

Once installing WordPress, do the following steps.

Choose your language
Choose your language
Creating the new WordPress website
Fill in the fields
New site provided
New site provided

You have now created the new WordPress website!

Step 3. Log into the WordPress website, and download the Thrinacia Atlas WordPress plugin

Go to the administrator dashboard, click on the plugins option in the left side menu, and click on add new. Search for Thrinacia, and the Thrinacia Atlas WordPress plugin should appear as shown in the below image.

Downloading the Thrinacia Atlas WordPress plugin
Use the Thrinacia Atlas WordPress option on the left

Install, and activate the plugin.

The plugin is installed, and activated
The plugin is installed and activated

Step 4. Save the permalink settings and add the page path

In the left menu, go to settings, and click on the permalinks option. On the permalinks settings page, enable the post name option and save the settings.

Saving the permalinks settings
Saving the permalinks settings

This will allow you to set the path for the page that you want to use for your Crowdfunding platform.

Add the path you would like the page to be hosted on by clicking on the settings item in the left menu and clicking on Thrinacia Atlas option. Add the path that you would like the page to be called. For this demo, we will adding fundraising as the path name.

Setting the page path
Set the page path. For this example, it is set to fundraising

Once you have added the path and saved, you will see that a new page has been added by going to pages in the left menu.

New page added
New page added

As you can see, the new page that was added has the same path as you set in the Thrinacia Atlas settings.

Step 5. Create the app_local.js file

Go to your website. In the browser, add the following (/app_local.js) behind the site URL you are using for your Atlas subscription plan, and click enter. For this example, we are using the Origin demo website, so the URL will look like this https://origin.thrinacia.com/app_local.js

Thrinacia Origin app_local.js file
Thrinacia Origin app_local.js file

Copy the text that you see on that page, and create a new file in a code editor. Paste the content into that file, and save the file as app_local.js.

app_local.js file
app_local.js file

Step 6. Access the site files using the file manager and add the app_local.js

Log into your Bluehost account, and click on the “Control Panel” on the right side.

One click WordPress install
One click WordPress install

Next, go to the file manager by click on file manager on the left side of the page.

 

Bluehost dashboard
Bluehost dashboard

Once on the file manager page, click on the public_html folder.

File manager for Bluehost
File manager for Bluehost

Next, click on the wp-content folder.

Inside the public_html folder
Inside the public_html folder

Click on the plugins folder.

Inside the wp-content folder
Inside the wp-content folder

Click on the thrinacia-atlas-crowdfunding folder.

Inside the plugins folder
Inside the plugins folder

Click on the angular folder.

Inside the thrinacia-atlas-crowdfunding folder
Inside the thrinacia-atlas-crowdfunding folder

Upload the app_local.js file into this folder. Click on the upload button at the top of the page.

Uploading files in file manager
Uploading files in file manager

Choose the app_local.js file

Adding the app_local.js file
Adding the app_local.js file

Your Crowdfunding platform should now be fully connected to your WordPress website. You can now go to the fundraising page (or whatever page path you set), and preview the page.

Step 7. Setting up optional pre-rendering for crawling and indexing

You may also need the correct pre-rendering setup for crawlers from google, facebook, slack, bing, and other places. This ensures your website is indexed correctly in search engines and links can be shared on social media websites. Since you are hosting WordPress on Bluehost, you need to proxy traffic to our pre-rendering cluster.

To get this setup please open a support ticket on nexus.thrinacia.com under your project so we can quickly set this up for you. Our existing set of rules is compatible with nginx and apache web servers. Please note that SSH Access may be needed.

You can watch the below video to learn more about adding the WordPress plugin on your Bluehost website: