How to Display a Custom HTML in a Popup

You can embed your own custom HTML code inside a Shack Toolbox Pro popup. Visit our Shack Toolbox Custom HTML Demo to see how it looks and works.

To get the same popup with your own custom HTML, follow the instructions below.

  • Open up Shack Toolbox Pro module for editing
  • Under the Module tab, click Custom HTML:

The Custom HTML box

  • Under the Module tab, enter your custom HTML code into the HTML code box:

Enter your custom html code

  • Still under the Module tab set:
    • Show Title to No
    • Position to debug
    • Status to Published

Title, Position and Satus settings

  • Under the Menu Assignment tab assign this module to the required menu items
  1. Click the Location & Effects tab
  2. Click After Opening
  3. Click the Lightbox - Move from toggler, rotate, enlarge and fade-in radio button to rotate the opening box

Location and effects setting

  1. Click the Theme tab
  2. Select the As Free as Simple template using the Previous and Next buttons
  3. Click the Choose this theme button

Select your theme

  • Leave the rest of the settings intact
  • Click Save or Save & Close

You will see the toggler tab on the top left corner of your site:

The toggler button

  • Click Open:

You will see the Shack Toolbox Pro popup box opening up rotating:

The final result

Well done! You now know how to embed your own custom HTML code inside your Shack Toolbox popup module.