In order to embed Billsby into your Mozello website, you will need to be on at least the Mozello Premium plan as the ability to insert custom code into your website's header isn't included on the free plan.
To help you embed the Billsby checkout into your Mozello website, we’ve created a step-by-step video to guide you through the process.
In your Billsby account, navigate to Settings > Embed codes and copy the header code provided.
Next, in your Mozello website builder, click the Settings button on the left-hand side, and then navigate to the code tab. Paste the Billsby header code into the bottom box labelled Additional HTML code for HEAD section. And then click save changes.
Click the section of your website where you'd like add the subscribe button and select add and then click Insert Button.
Change the text for the button and style it how you like. Then, click anywhere else in the section and enter the code editing view.
You'll now see the code that has been generated for the button. Look in the code for the section that says: href="#" and replace it with the following:
href="javascript:void(0)" data-billsby-type="checkout"
Click Apply, and now you have a beautiful checkout embedded on your website! When you preview your website, it will appear that the subscribe button does not work as intended. Don't worry, this is normal - logout of your website builder and re-log in, and the button will be working as intended.