HostGator

Integrating HostGator with Billsby is a very simple process, all you need to do is convert the embed codes found in the Billsby dashboard into a web link and then embed them in your site.

To access the embed codes simply navigate to Settings > Embed codes.

Embedding the Billsby checkout

To embed the Billsby checkout you will first need to identify your Billsby checkout URL.

For reference, if you wanted to embed Billsby into a website you would need to use your Billsby embed code, which would look like:

// Header Code

// Body Link

Subscribe

To embed this into HostGator you would first need to convert the embed code into a URL.

To convert the embed code into a URL for the standard Billsby checkout, use this as a template:

https://checkout.billsby.com/subscription?data-billsby-company=candybypost

To convert the embed code into a URL for directing your customers to a specific product, plan or cycle, use this as a template:

https://checkout.billsby.com/subscription?data-billsby-company=candybypost&data-billsby-product=38&data-billsby-plan=41&data-billsby-cycle=61

Creating and setting up your checkout

To begin the process of creating your checkout, head to HostGator's page and enter the editing mode.

First, you need to navigate to the page where you want to embed a subscription window for the Billsby checkout. Once you're there, select the 'Elements' button at the top left hand side of the page.

1239

Clicking the 'Elements' button will open a drop down box, select 'Files' and head to the subsection titled, 'HTML/Page Embed' where you will find the 'Embed WebPage' element.

Click and drag the element onto your webpage. Once there, it can be resized to however you'd like.

1333

Next, click the 'Edit URL' button and insert the link you created using one of the templates. To load the checkout, click 'Preview'.

933

Embedding the Billsby self-service modal

Embedding the Billsby self-service modal in Host Gator is a simple process. To begin, you will need to use the code below:

https://checkout.billsby.com/management?data-billsby-company=companyname

First, delete the section that says "companyname" and replace it with your Billsby subdomain.

Next, head to HostGator's page and enter the editing mode, then navigate to the page where you want to add your account management modal.

Once you're there, select the 'Elements' button at the top left hand side of the page.

1239

Clicking the 'Elements' button will open a drop down box, select 'Files' and head to the subsection titled, 'HTML/Page Embed' where you will find the 'Embed WebPage' element.

Click and drag the element onto your webpage. Once there, it can be resized to however you'd like.

Next, click the 'Edit URL' button and insert the link you created by inputting your Billsby subdomain. To load the self-service modal, click 'Preview'.