Custom code allows you to add various third-party elements, features, and integrations to your website.

With the help of embed code elements, you can insert custom codes into the <body></body> part of your website's code. Learn how to insert a code into the <head></head> part of your website 💡

1. Within the editor, open the Add elements panel on the left and drag and drop the embed code element to the desired place on your page:

2. Click on the element and select Enter code:

3. Insert your code and click on the Embed code button:

4. Finally, update your website to see the changes online.

NOTE: If there is a URL in your custom code:

  • Make sure to use HTTPS; HTTP links aren’t secure and browsers often block them

  • Remove spaces from the URL

Bad example

Good example

<iframe src=" " frameBorder="0" width="900" scrolling="no" height="900" height="900"></iframe>

<iframe src="" frameBorder="0" width="900" scrolling="no" height="900" height="900"></iframe>

If you've inserted the correct code and updated the website, but no widget is visible online, try clearing your browser's cache. If that doesn’t help, we highly recommend reaching out to the developers or support department of the platform from which you took the code for the widget.


  • Atlasmic live chat, sales acceleration, inbound marketing

  • Calendly – appointment scheduling

  • Elfsight – various website widgets

  • Infogram – infographics, reports, interactive maps

  • – quizzes, surveys, calculators, forms

  • Jotfrom – contact forms

  • Lordicon – animations

  • – comment boxes, contact forms, social media feeds

  • SoundCloud – audio tracks and playlists

  • live chat

  • Tidio live chat, chatbots

Note that some of the above-mentioned integrations would need to be added to the <head></head> part of your website's code. Developers usually specify that in the integration instructions 💡

Did this answer your question?