Articles
How to Add Hidden Fields to Forms
Add hidden fields to your forms to pass attribution data with form submissions. Digioh allows you to add hidden fields in the form editor.
How do I enable or disable email notifications?
Digioh has a few different email notifications that it sends automatically. To disable these notifications, please see below.
What Is the Campaign Smart Tag Option for Inline Campaigns?
With Digioh's Smart Tags, you can place inline forms and other CTAs on your site with just one line of HTML.
How to Redirect to a Specific URL on Form Submission
Redirect users who submit a form to a new URL to bypass your form's Thank You box and display a new URL with these steps.
How to Prevent All Pop ups from Being Triggered after One Was Submitted
Learn how to stop showing all pop-ups to a visitor once they have submitted any one of your campaigns.
How to Make Your Entire Campaign a Click-Through Action
Make your entire lightbox or pop-up CTA clickable to trigger a click-through action by following these lightbox design steps.
How to Add Custom Fonts
Upload your custom fonts to Digioh to add your brand's fonts to your lightboxes, pop-ups, banners, and other onsite widgets.
Coupon Codes
Add coupon codes to your campaign forms using Digioh's dynamic, one-time-use coupon features for eCommerce brands.
How to dynamically add text from URL parameters into your pop ups
Use dynamic content to personalize your lightboxes and pop-up forms with text from URL parameters dynamically.
Pixel-Perfect Positioning and Centering
Use Digioh's pixel-perfect positioning and center features to design your boxes with total control.
How to Use Screen Sizes to Design Responsive Desktop and Mobile Campaigns
Learn how to use responsive Screen Sizes to design campaigns that display correctly on mobile devices, desktops, and tablets.
How do I configure Metadata?
Learn how to configure campaign metadata to pass parameters that control custom JS behavior.
How To Set Up Radio Buttons
Learn how to add radio buttons to your web forms and pop-ups using the custom form fields in the Digioh editor.
How To Add Phone Number Validation To The Phone Field Or A Custom Field
Learn how to validate phone number submissions in your custom form fields using these form validation steps.
How To Show Labels For Radio Buttons And Checkboxes
For most field types, you can add labels in the label field directly. Learn how to add labels to your radio buttons and checkboxes here.
Fix Safari Dropdown Gradient Styling in Digioh Campaigns
Learn how to override browser styling for dropdowns in Safaro for your Digioh forms.
How to Embed a Calendly Meeting Scheduler in a Digioh Campaign
Embed Calendly in your website's pop-ups, multi-step forms, and other web forms to book demos and increase lead generation.
Select Buttons Guide: How to Make Multi-Select Answers
Discover how to create interactive multi-select buttons in Digioh, enabling users to choose multiple options in your forms and quizzes.
Remove Blue Highlight on Autocomplete Fields
Remove the blue autofill highlight from your Digioh form fields using CSS. Learn when and how to customize your campaign design while maintaining accessibility.
How to modify click-to-copy success bubble style.
Learn how to use CSS to modify the look of a click to copy success message.
How to Rename a Campaign
To rename a campaign, follow these steps.
Images in Digioh
An overview of images in Digioh.
Above the Fold Design
Learn best practices to design your Digioh campaigns while keeping key content “above the fold”
Campaign Styles Guide
Learn how to create, customize, and apply campaign Styles in Digioh to speed up design and maintain consistent branding across your campaign.
Using Grid, Snap, and Align Tools for Easier Box Design
Learn how to use Digioh's Grid and Snap tools to align and size elements precisely while designing your campaigns.
Changing a Page’s Background Image
Learn how to add or change the background image on a campaign page.
Creating a Spin to Win Widget
Learn how to set up a Spin to Win gamification widget in Digioh, including advanced options and best practices.
Account Styles Guide
Learn how to create, customize, and apply Account Styles in Digioh to speed up design and maintain consistent branding across all campaigns.
How to Add a Solid Color Block to a Campaign
Learn how to create solid color background blocks in Digioh campaigns using HTML elements with CSS.
Edge-to-Edge: How to Make the Pop Up Background fit the Full Page Width
Learn how to ceate a full-bleed background that fits the full page width using the edge-to-edge lightbox option.
How to Make a Pop-Up Campaign's Overlay Transparent
Make your lightbox stand out by creating a full-screen transparent overlay behind it using the Digioh lightbox editor.
How do I copy my design settings to other pages?
In the campaign editor, go to the page that you want to copy to. Click the Layout Tab.
How Do I Add A Checkbox To My Form?
Customize text and value of a Checkbox
How to Add a Date Picker to your Form
To add a date picker to your form, follow these instructions.
How Can I Add a Download Button to My Thank You Page (e.g. to download PDF or eBook)
If you use pop-up forms or lightboxes to offer content downloads, follow these steps to link to the PDF on the form after submission.
How to Add a Privacy Policy Link by the Opt-In Checkbox
Learn how to link to your privacy policy on your SMS or email capture forms by adding a link next to your form's opt-in checkbox.
Custom JS Campaigns: How to Create JavaScript for a Specific Pop Up
Use Digioh's Custom JavaScript boxes to create custom JS that applies to a specific lightbox, pop-up form, or onsite CTA.
How To Add A Dropdown Menu To Your Pop Up
Follow these steps to add a dropdown menu field to your pop ups, inline forms, banners or quizzes.
Dynamic Item Merge Tags And How To Use Them
View these examples to learn how to set up dynamic item merge tags to personalize your pop-up forms with dynamic content.
How to Change the Color Of Ghost Text in Form Fields
Use the Digioh editor to change the color of ghost text in your form fields.
How to display inline error messages (inside each field)
Navigate the field settings and enable the option to display inline error messages.
How To Use Adobe Fonts In Digioh
Learn how to add custom fonts from Adobe Creative Cloud to your account for use in pop-up forms, lightboxes, and other website widgets.
How To Add Custom Fonts From Your Website To Digioh
Learn how to use your browser's DevTools to download your font file, upload it to your account, and add your custom fonts to your pop-ups.
How to Restore an Older Campaign Design
Follow these steps to revert a box to a previous design and restore an older version of your lightbox or form.
How do I delete a Breakpoint?
To delete a breakpoint, click on the arrows on the breakpoint bar to show it.
How can I add context to Campaigns for ADA compliance?
Use Digioh's form field labels to add context to your web forms, assist visitors who use screen readers, and help maintain ADA compliance.
How To Design a Preference Center or Landing Page
Digioh's drag-and-drop landing page builder allows you to create pages with ease. Follow these steps to set up your page.
How to Setup a Digioh Campaign that Integrates with Iterable
You can use a Digioh web form to capture your users' emails and send them to Iterable.
How to Configure Inline Campaigns
Learn different options to position your inline campaign
Delay the display of close or submit buttons for a few seconds
Learn how to delay the display of close or submit buttons for a few seconds using a Digioh extension.
Adding CSS to Pop-ups and Widgets
Learn how to add CSS to your pop-up forms, quizzes, and other onsite campaigns for additional design control.
Fix Text Appearing on 2 Lines / Font Wider in Safari
Since every browser is different, what looks good in the editor may render a little differently on other devices. It's not uncommon for fonts to look fine…
Copy Design Settings from Another Element
Learn how to copy design settings between buttons, text, images, and HTML blocks with a single click.
How to Add Progress Bars to your Quizzes and Forms
Create and customize progress bars in Digioh quizzes using HTML and CSS, including styling, percentages, and cross-page setup.
How To Customize Quiz Design
Learn how to customize quiz design and style its elements using the Quiz Builder's design settings.
Embedding a Digioh Quiz On a Shopify Site
Login to Shopify. At the top search for and select “ Online Store ”.
How To Build A Full-Screen Popup
Learn how to build a full-screen pop-up in Digioh, with best practices for grabbing attention and driving sign-ups or promotions.
Mobile Campaign Design Best Practices
An overview of Digioh's recommendations for mobile-based designs.
How to Change Images Dynamically Using Dynamic Items
Add dynamic images to your pop-ups using Digioh's dynamic items feature. Follow these steps to learn how to show images dynamically.
How to embed Digioh inline campaigns on your site using jQuery/CSS selector
Learn how to embed a Digioh inline campaign anywhere on your site by targeting a specific page element with a jQuery or CSS selector.
Email and SMS Compliance
Learn some best practices for capturing email and SMS for US and EU audiences.
Create a Click to Copy Button
Learn how to set up a Click to Copy button in Digioh to let users easily copy coupon codes or other text.
Animation Extension Guide
Add animations to Digioh campaigns using meta data. Covers all animation types, timing controls, customization options, and best practices.
How to add a drop shadow to your popup
Learn how to enhance your popup design with a drop shadow effect. Elevate the visual appeal and depth of your popups with this step-by-step guide
Responsive Display Mode for Popups, Sidebars and Banners
Learn how to use responsive display mode to automatically resize your Digioh popups, sidebars, and banners to fit any screen or browser window.
How to prevent multiple submissions in a multi-page campaign
Learn how to prevent multiple submissions from occurring with a multi-page campaign.
Digioh Button Actions
An overview of the available actions for Digioh buttons.
How to Adjust "Z-Index" for Inline Forms
Learn how to modify z-index settings to control element stacking order on your webpage and fix overlapping display issues.
How to populate a campaign with content from a jQuery selector
Pull live page content into Digioh campaigns using jQuery selectors. Learn to find selectors, add dynamic items, and personalize campaigns based on visitor context.
How to Align Form Fields Vertically or Horizontally
Align the form fields in your pop-up form horizontally or vertically using the alignment settings in the Digioh form builder.
Error Bubbles: Position, Word Wrap, and Resizing
Fix oversized error messages in Digioh campaigns with App #62. Enable word wrap, adjust bubble height, and display errors properly on your pages.
How to fix "glitchy" or slow loading images in your Campaigns
Fix image flickering in Digioh Campaigns by enabling pre-loading. Learn when and how to configure image loading for optimal performance.
Changing the default keyboard on mobile
Learn how to change the default keyboard for an input field on mobile breakpoints.
Disable Auto Zoom on Mobile / iPhone
Prevent unwanted zoom on mobile forms by setting input font size to 16px or larger. Learn why browsers auto-zoom and how to fix it in your campaigns.
How to Add Dynamic Branching to Digioh Modals
Add dynamic branching logic to your Digioh forms, boxes, or quizzes to show different pages based on a user's previous selections.
How to Use the Digioh AI Headline Generator
Use Digioh's AI Headline generator to create engaging headlines and CTAs for A/B testing on your website's lightboxes.
Add Tool Tip to Campaign Elements
Learn how to add tool tips to your campaigns.
How to control the tabIndex of a campaign
Learn how to set or remove the tabIndex for inline campaigns using Campaign-level Widget Metadata. Control keyboard navigation easily.
How to Add Links to Any Text in the Campaign Editor
Learn how to add and customize links on any text in the campaign editor, including dynamic links with merge tags.
How To Use Quick Start Themes
Learn how to use Digioh's quick start themes to quick build and launch new campaigns.
Suppress Campaign Display Based on Inline Interaction
Learn how to suppress campaigns based on users interacting with an inline campaign.
How to Customize a Campaign Flow if the Email Already Exists in Iterable
Learn how to customize a campaign's flow if a user submits an email that already exists in Iterable.
Text Input Search from Hosted List
Learn how to use an extension to add autocomplete functionality to a custom field.
Image Dimensions and Aspect Ratio
Learn how to resize and control images in your editor with aspect ratio settings, max dimensions, and CSS styling techniques for perfect layouts.
Render a Campaign Background Image as "half page"
Learn how to position background images to cover half your page with Digioh's custom app. Configure in seconds using simple metadata commands.
Digioh native’s phone and email validation
This guide explains what Digioh validates out-of-the-box, how errors appear, and where to configure everything in the editor.
How to Set a Full-Page Video Background in a Digioh Campaign
This guide walks you through embedding a full-screen video background in a Digioh widget (like a quiz or lightbox).
Hide or Gray Out Submit Buttons for Required Fields
Control form submission buttons based on required field completion. Learn how to gray out, customize colors, or hide buttons until your form is fully filled out.
How to Format Phone Display and Submission
Learn how to control the phone display and formatting in your Digioh campaigns.
How to Optimize for Screen Readers in Digioh
Learn how to optimize your Digioh campaigns for screen readers.
How to Override Page-Level Submission Settings
Learn how to override submission settings on individual pages of a multi-step campaign to set different submit actions.
Create a Click to Copy Button
Learn how to set up a Click to Copy button in Digioh to let users easily copy coupon codes or other text.
Enhance Your Forms with Customizable Multiselect Dropdowns
Learn how to configure the Customizable Multiselect Dropdowns extension.