Loading...
Modal Popup 2018-04-05T16:23:47+00:00

Modal Popup Shortcode

Avada includes an incredible modal popup that can be used to show additional content on a page. It can be triggered by a button, text link or an image. Use any of our other shortcodes inside of it as well. These are perfect for catching your viewers eye and displaying extra content.

Modal Popup Button Sample

Customization Settings

Choose from a large or small modal popup, control the background color, the color of the border and choose whether to show or hide the footer button for the popup. The combinations are endless.

Large Modal Sample

Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rems uns sadips.

Large Modal Sample

Small Modal Sample

Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rems uns sadips.

Small Modal Sample

Custom Style Options

Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rems uns sadips.

Change Modal Popup Colors

Footer Control

Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rems uns sadips.

Show or Hide Modal Footer

Insert Anything You Want

By using our Fusion Builder shortcode generator, you can insert absolutely anything your heart desires into your modal window. Be it images, other shortcodes, videos, you name it!

Shortcodes

Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolore.

View Sample

Videos

Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolore.

View Sample

Images

Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolore.

View Sample

Complete Set of Options

Every option and description included with the modal popup shortcode is listed below.

  • name – The unique identifier you give the modal to trigger it via button, text link or image.
  • title – The heading title text you want to display.
  • size – Can be one of these values: large, or small. Sets the size of the modal.
  • background – Accepts a hexcode ( #000000 ). Sets the modal’s background color. Leave Blank for Theme Option selection.
  • border_color – Accepts a hexcode ( #000000 ). Sets the modal’s border color. Leave Blank for Theme Option selection.
  • show_footer – Can be one of these values: yes, or no. This is to show or hide the footer.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Join The 400,000+ Satisfied Avada Users!

BUY AVADA NOW!

Sliding Bar Section For Widgets

This is the sliding section that can be enabled or disabled on any demo. You can insert anywhere from 1-6 columns along with any widget that comes with Avada, WordPress or additional 3rd party plugins. It's perfect for placing additional information on your site.

Recent Works

Contact Info

12345 North Street, New York City, NY 555555

Phone: 1-800-555-5555

Mobile: 1-234-567-8910

Fax: 1-234-879-5641

Web: http://yourwebsite.com