So you created your interactive background on Naker.Back and you are ready to implement it into your website and/or app.
You can embed it anywhere on your website. As in any website, your page is made of blocks called containers/div/sections/etc, and you will have to decide on which of these blocks 🏗 your background will be. In CMS such as Wordpress, Tilda or Webflow, you only drag and drop these blocks to set their positions.
At the moment, you're facing the following screen:
Before integrating your interactive background, make sure you have NO existing background in the section where you put your interactive background. Meaning that it should be either a transparent background or remove the background color (put 0% opacity).
You have 4 possible methods of integration:
- You add a custom HTML to your container: if you have the control on the HTML of your website, or if you’re using one classic CMS.
- You give an ID to your container: useful if you use some custom Wordpress templates (like Divi) or if you only have access to the <head> of your page in your CMS.
- If you build your own website without any third party services here above, you can refer to this Naker.documentation: https://doc.naker.io/Back/Framework.html
- Through Iframe: check this article.
We provide some details about the integration on different CMS or platforms:
For Tilda: follow the steps detailed in this article.
For Webflow: read this article.
For Unbounce: follow the next steps detailed in this article.
For Bubble: check this article.
For Carrd: check this article
What about the other websites' solutions?
For other websites such as Wix, Squarespace, check their Helpcenter to know how to insert HTML code within your website👇: