How to add Popup Builder to a Hostinger website

First, create a Hostinger Popup Builder widget on Common Ninja.

On the widgets catalog, find the Popup Builder and enter the Editor.

When you're done creating the Popup Builder widget, click on the Save Changes button at the right top corner of the editor.

If you don't have an account on Common Ninja, you'll have to register first.

When you're ready to add the Popup Builder widget to your Hostinger website, click the Add To Website button at the top bar of the Editor.

On the window that opens, click the Copy Icon to copy the widget embed code. In the next steps, you will paste this code into your Hostinger website.

Now, let's head your Hostinger website editor.

On the Hostinger editor, click on Add Element on the left menu.

Select the Embed Code element from the dropdown options

Drag and place the Ebmed Code element on your page.

Position the element on the Hostinger page grid wherever you wish the Popup Builder to show.

Strach the Embed Element to fit the Popup Builder content.

Click on the element and enter the Embed Element's code editor, by clicking on the "Enter Code" button at the top of the element.

Now, simply paste the Popup Builder embed code you've copied before, in the Code Editor window.

Click the "Embed Code" button in the Code Editor window to save your changes and close the editor window.

Return to the left management sidebar controls and click on the "Settings" button. Then, select the "Integrations" option.

A new window will open. Locate the "Custom Code" section and paste the following code into this section:

After pasting the code, click the "SAVE CHANGES" button to save your settings.