Add Builder.io to Your Website with HTML
Easily embed Builder.io pages and content into your website by following our guide below!
Using Builder in your website makes editing your content easy. Any changes you make to your content in Builder are automatically updated on your site. Below we will go over:
- Embedding Builder HTML on your website
- Using Builder's HTML API
Embedding Builder HTML on Your Website
After creating some content in the Builder editor, click the three dots in the upper right hand corner and select Get Code. Scroll all the way to the right, select Wordpress, and copy the code to your clipboard.
Then go to your website and paste the code where you want the Builder content to show up on your website. Any changes you make to your content in Builder are now automatically updated on your site!
Note: If you are embedding multiple Builder components, ideally the
<script> only needs to be included once per page/site. This may or may not be possible depending on your platform. For more help check out our other guides below or visit our forum.
Using Builder's HTML API
For advanced users, you can find documentation on how to use Builders API’s in the developer guide. Anytime a page request comes into your site and it doesn’t match it to a page inside of its own database, you can use Builder's HTML API to hit Builder with your API key and URL, and Builder will respond if it has a page that matches the URL. It will return the full HTML of your Builder component which you can embed into your webpage and send back to your end users. So once the HTML API is set up correctly, anytime a new page is created in Builder it will route automatically on your website and render server-side, which is more ideal for performance and SEO.