Integrating Billsby into your Bubble.io website

How to embed Billsby into your Bubble.io website

Updated over a week ago

To get started, navigate to Design > Visual elements and drag a HTML element onto your page. Once this is done, in the Appearance tab of the HTML element, copy the code from the Billsby embed code menu and paste it into the field. Do remember, you must close out your header/body of the embed code so it is recognized correctly. To find these codes, go to Settings > Embed codes and they are the two codes you will be initially presented with.

Capture.PNG

When you use the embed code provided in your Billsby account, it will show up as a text link. To style it as a button you will need to add your own CCS code, or you can use our button generator!
โ€‹
To use the button generator , take your initial header code from your Billsby account:

Copy and paste that into your appearance box first and foremost. Next up, go to the button generator and design your perfect button - once you're happy with the appearance click Get Code. You will want to copy and paste the entire code that pops up on the new tab. Once both elements are conjoined in the appearance box on your bubble.io site, your button will be ready to go once you've saved your changes!

Did this answer your question?