How to Display a Vimeo Video in a Popup

You can easily display a Vimeo video in a popup using the Shack Toolbox Pro module.

Visit our Shack Toolbox Vimeo Video Demo to see how the popup looks and behaves at the front end.

To get the same popup displaying a video from Vimeo, follow the instructions below.

  • Open up the Shack Toolbox Pro module for editing
  • Under the Module tab, click the Vimeo Video box:

The Vimeo Video box

  • Still under the Module tab, set the following parameters:
    • Video source/id: enter ID number of the Vimeo video clip you wish to present in a popup
    • Player width [px]: enter 600
    • Player height [px]: enter 400
    • Autoplay: leave it set to the default No option
    • 'By' line: leave it set to the default Yes option
    • Color of the video controls: leave the default value of #00adef
    • Loop: leave it set to the default No option
    • Portrait: leave it set to the default Yes option
    • Title: leave it set to the default Yes option

The first group of settings

  • 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.

Good job! You are almost done.

  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 the As Free As Simple theme

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

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

The toggler tab

  • Click Open:

You will see the Shack Toolbox Pro popup box with your desired Vimeo video clip inside:

The final result

Well done! You now know how to display a Vimeo video clip in a popup box using your Shack Toolbox module.