Back to All Modules

Pop-Up Modal

Search (CSOL) Pop-Up Modal in the CMS

Jump to Guidelines and Use Cases

Theme Options:

Module Preview

Content (text only) modal

Content (text and media) modal

Form modal

Video modal

Content (text only) modal

Content (text and media) modal

Form modal

Video modal

Content (text only) modal

Content (text and media) modal

Form modal

Video modal

Module Preview

FAQ's

How To Use This Module

Use this module intandem with other modules that will trigger the Pop-Up Modal with a CTA, providing a call-to-action for further engagement.

Use Cases

Modal Types

Content creators can configure three types of modals: content modals (with optional media and rich text), video modals (full-screen video playback), or form modals (HubSpot forms).

Content Modals

Content modals support an image or video alongside rich text content and a single CTA. Images and videos can be omitted for text-only modals.

Exit Intent

Modals can be configured to automatically display when a user's cursor moves outside the browser window, signaling intent to leave the page.

Modal Triggering

The `modalId` field creates a unique identifier that other CSOL modules' CTAs can reference to open this modal (e.g., via `data-cl-modal` attribute).

Get on-brand assets for your module

Guidelines

Character Count

  • Limit header text to ~75 characters

Image Sizing

  • Recommended Image size: 550px width

Variations

  • Select between Content, Video or Form modal types.
  • Content\\type\\ can host both text and media (images or video)
  • Video type to display a full sized video on top of your page content, inside a Lightbox. This variation does not feature a title field.
  • Form type allows you to set up a modal title at the top, and display a form created in HubSpot CMS

Things to Know

  • Requires alphanumeric values with underscores and hyphens. No spaces or special characters.
  • Option to enable the Reduced Field Form feature to display the form as a RFF. Important Note: The RFF will not work with all forms and form settings. Review the Form Requirements found on the RFF Wiki . For questions about the RFF, reach out on Slack in #mktg-one-field-form

Similar Modules

Slide-In CTA

A CTA that slides into view as the user scrolls.

updated

Filterable Content

CSOL Filterable Content module facilitates the input and management of multiple resources, allowing CMS users to curate engaging content for page visitors.

Form

Add a MarTech approved form directly to your page.

What's New?

| v2.9.0 June 2024

  • This module now has the option to enable the Reduced Field Form feature to display the form as a RFF.

| v1.2.0 November 2022

  • We've added Partner GDPR Notice options to the form fields provided in this module.