0 items

Modals

Multipurpose and configurable modals you could use anywhere with simple HTML codes.

You could use any HTML codes, regular texts, image, short codes as modal content.

How to use documentation

 

Modal Examples:

Simple TINY modal demo:

Click Launch Modal to see an example with simple content.

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lobortis lorem nec magna tincidunt placerat. Donec pellentesque, velit vel posuere ultrices, ante dui mattis nisi, non suscipit nulla tortor tincidunt turpis. Cras id nisl eget eros aliquet elementum sed sit amet massa. Suspendisse at mi augue.

 

Simple MINI modal demo with form:

Sign Up to our newsletter to get notified about new products and promotions.

Sign up to our newsletter

Enter your name and email to sign up. We promise, you won’t receive junk email from us.



 

Standard modal with image, texts and actions demo:

Click Launch Modal to see an example with image, texts and action buttons.

Best Sold This Week!
product

Handbags for Women, Multicolor Stripe Leisure Canvas Shoulder Bag

Suspendisse consectetur ut sapien id sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id porta nunc. Cras egestas nibh eu ex blandit eleifend. Nam cursus pellentesque ipsum, in fermentum lectus pulvinar ut. Donec convallis lacinia leo, eu cursus mauris. Cras ut efficitur mauris, ut aliquam sapien. Nullam rutrum eros elit, non fermentum enim venenatis eu. Duis blandit est et ligula aliquet sollicitudin.

Nulla ornare lobortis lobortis. Etiam efficitur, nisi tincidunt molestie auctor, odio urna euismod orci, eget vulputate sem orci vel ante.

Close
Buy Now
 

Modal with TRANSPARENT BACKGROUND demo:

We’ve got a discount for you
Thank you for being our loyal customer. As a thank you gift, enjoy 30% discount and free shipping for a minimum order for $499?
No thanks!
Apply Coupon
 

Scrolling Modal demo:

When your modal content exceeds the height of the browser the scrollable area will automatically expand to include just enough space for scrolling, without scrolling the page below.

Terms and Conditions

Read our terms & conditions before continue

This is an example of expanded content that will cause the modal’s dimmer to scroll

Proceed
 

Modal demo with Internally Scrolling Content:

When your modal content exceeds the height of the browser the scrollable area will automatically expand to include just enough space for scrolling, without scrolling the page below.

Terms and Conditions

Read our terms & conditions before continue

This is an example of expanded content that will cause the modal’s dimmer to scroll

Proceed
 

Modal Size

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed erat sem. Sed dignissim ipsum augue, at viverra enim tincidunt ac. Cras efficitur pellentesque fringilla. Donec non sodales nibh, semper fringilla quam. Vivamus vulputate, mi vitae tincidunt commodo, mauris mi imperdiet augue, vel faucibus mi ex a odio.

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed erat sem. Sed dignissim ipsum augue, at viverra enim tincidunt ac. Cras efficitur pellentesque fringilla.

Donec non sodales nibh, semper fringilla quam. Vivamus vulputate, mi vitae tincidunt commodo, mauris mi imperdiet augue, vel faucibus mi ex a odio. Maecenas varius tellus nibh, vitae fermentum turpis congue sed. Praesent luctus, mi non laoreet varius, mauris lacus volutpat turpis, a facilisis dui leo vel lacus. Aenean diam lectus, hendrerit et sollicitudin a, elementum a sapien.

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed erat sem. Sed dignissim ipsum augue, at viverra enim tincidunt ac. Cras efficitur pellentesque fringilla.

Donec non sodales nibh, semper fringilla quam. Vivamus vulputate, mi vitae tincidunt commodo, mauris mi imperdiet augue, vel faucibus mi ex a odio. Maecenas varius tellus nibh, vitae fermentum turpis congue sed. Praesent luctus, mi non laoreet varius, mauris lacus volutpat turpis, a facilisis dui leo vel lacus. Aenean diam lectus, hendrerit et sollicitudin a, elementum a sapien.

Nullam non ex dui. Maecenas lobortis lacus sed nisl porta, ac ultricies risus congue. Suspendisse ac pellentesque ante, ac suscipit risus. Proin semper rutrum purus sit amet maximus. Quisque enim leo, commodo pretium hendrerit congue, tempor in ante. Integer dapibus vulputate fringilla. Quisque vestibulum sollicitudin finibus. Cras scelerisque auctor nisi, non mollis tortor. Maecenas hendrerit vehicula volutpat.

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed erat sem. Sed dignissim ipsum augue, at viverra enim tincidunt ac. Cras efficitur pellentesque fringilla.

Donec non sodales nibh, semper fringilla quam. Vivamus vulputate, mi vitae tincidunt commodo, mauris mi imperdiet augue, vel faucibus mi ex a odio. Maecenas varius tellus nibh, vitae fermentum turpis congue sed. Praesent luctus, mi non laoreet varius, mauris lacus volutpat turpis, a facilisis dui leo vel lacus. Aenean diam lectus, hendrerit et sollicitudin a, elementum a sapien.

Nullam non ex dui. Maecenas lobortis lacus sed nisl porta, ac ultricies risus congue. Suspendisse ac pellentesque ante, ac suscipit risus. Proin semper rutrum purus sit amet maximus. Quisque enim leo, commodo pretium hendrerit congue, tempor in ante. Integer dapibus vulputate fringilla. Quisque vestibulum sollicitudin finibus. Cras scelerisque auctor nisi, non mollis tortor. Maecenas hendrerit vehicula volutpat. In ultrices, turpis a sodales tristique, est nisl tempor massa, quis mollis tellus neque sed dui. Nunc vehicula condimentum lectus sed tempor. Suspendisse porttitor ultricies enim, at semper justo facilisis in. Praesent volutpat nisl at risus aliquet, ac vehicula dui tincidunt. Vivamus tempor, dolor sed interdum suscipit, magna sem tincidunt purus, et consequat libero eros ac sapien. Curabitur aliquam sapien sit amet nibh fringilla tempus. Proin a rutrum turpis, quis tristique arcu.

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed erat sem. Sed dignissim ipsum augue, at viverra enim tincidunt ac. Cras efficitur pellentesque fringilla. Donec non sodales nibh, semper fringilla quam. Vivamus vulputate, mi vitae tincidunt commodo, mauris mi imperdiet augue, vel faucibus mi ex a odio. Maecenas varius tellus nibh, vitae fermentum turpis congue sed. Praesent luctus, mi non laoreet varius, mauris lacus volutpat turpis, a facilisis dui leo vel lacus. Aenean diam lectus, hendrerit et sollicitudin a, elementum a sapien. Donec et nulla et nulla fringilla commodo id in diam. Donec vitae interdum turpis. Duis sit amet auctor enim. Nullam nibh lectus, convallis id dignissim a, vulputate ut nulla. Morbi quis erat sollicitudin, feugiat tortor porttitor, efficitur magna.

Nullam non ex dui. Maecenas lobortis lacus sed nisl porta, ac ultricies risus congue. Suspendisse ac pellentesque ante, ac suscipit risus. Proin semper rutrum purus sit amet maximus. Quisque enim leo, commodo pretium hendrerit congue, tempor in ante. Integer dapibus vulputate fringilla. Quisque vestibulum sollicitudin finibus. Cras scelerisque auctor nisi, non mollis tortor. Maecenas hendrerit vehicula volutpat. In ultrices, turpis a sodales tristique, est nisl tempor massa, quis mollis tellus neque sed dui. Nunc vehicula condimentum lectus sed tempor. Suspendisse porttitor ultricies enim, at semper justo facilisis in. Praesent volutpat nisl at risus aliquet, ac vehicula dui tincidunt. Vivamus tempor, dolor sed interdum suscipit, magna sem tincidunt purus, et consequat libero eros ac sapien. Curabitur aliquam sapien sit amet nibh fringilla tempus. Proin a rutrum turpis, quis tristique arcu.

demo popup on exit

Don't miss

Enjoy additional 10% off only for today

Show your offer description here. Options to show image on Left/Right side of this description or disable image if you don't need, show on every page loads or one time, customize every text showing in this popup.
No Thanks
0