Documentation

Ionos

Step-by-step guide to embed widgets in Ionos.

Step 1: Copy the Embed Code

  1. In the top-right corner of the editor, click the Embed button
    Embed button

  2. A popup window will appear with your embed code. Click the Copy Code button
    Embed window

Step 2: Add the Embeddable to IONOS

1. Add New Element on Your IONOS Site

Open your IONOS website editor. Navigate to the section where you want to add your widget and click the Edit Section icon.
Edit section


2. Enter the Elements Menu

In the left panel, click the Elements tab.
Elements tab


3. Select Position in Section

Click one of the red + icons in the section to choose where to insert the element.
Choose position


4. Select the HTML Module

From the elements list, choose the HTML Module.
Select HTML module


5. Return to Edit Content

Click the Done button to close the Elements panel.
Click Done


6. Click the HTML Module

Click on the newly added HTML Module block on your page to open it.
Click module


7. Enter Code Editing Mode

Click the Code icon at the bottom of the HTML module panel.
Enter code mode


8. Add the Image Hotspot Embed Code

Paste your copied embed code into the HTML Code window.
Paste embed code


Under Privacy Consent, choose No Consent Required from the dropdown.
Choose consent


10. Save the HTML Module

Click the Done button to save and close the HTML editor.
Save HTML module


11. Finalize the Changes

Click Done again at the module level to confirm placement.
Finalize module


12. Publish Your Page

Click Re-Publish in the top-right corner to make your changes live.
Publish changes

💡 Tip: If you don't see your widget right away on the live site, try refreshing the page or clearing your browser cache.