Integrating Billsby into your Weebly website

How to embed the Billsby checkout and account management into your Weebly website

Updated over a week ago

The Billsby checkout and account management can be added to your Weebly website, allowing your customers to sign up to your plans and manage their subscription.

The step-by-step video guide below uses our handy button generator to create a subscribe button for your website that opens the Billsby checkout modal when clicked.

Creating a Subscribe Button

In the Weebly website builder, click Pages at the top, then select the page where you'd like to add the subscribe button. Then, click Build at the top.

From the grey panel on the left hand side, click on Embed Code, then drag and drop the code box to a place on your page.

In your Billsby account, navigate to Settings > Embed codes and copy the header code provided.

Next, go back to Weebly and click the embed code element on your page and select Edit Custom HTML. Paste the header code into the code box.

You can then copy and paste the subscribe button code provided in your account on a new line to create a simple unstyled subscribe link. However, if you're wanting to create a styled button, you'll need to add your own CSS or use our button generator.


To use the button generator, click here and use the provided tools to customize the text and look of your button.

Once you're happy with it, click Get code. Then, copy all of the code from the button generator and paste it on a new line in your embed code element underneath the header code.

If you want the button to be centered, you can click the button and change the alignment position.

Creating an Account Management Button

To create an account management button, simply copy your subscribe button and then all you need to do is replace the second line of code with the following.

<a href="javascript:void:(0)" class="shiny-button" data-billsby-type="account"><strong>Manage my subscription</strong></a>
Did this answer your question?