The Campaign List Page

These are the various options available when logged into Digioh and viewing the Campaign List page.

The Digioh Toolbar

Campaigns

View Current Campaigns

Quickly navigate back to the campaign list page.

Create New Campaign

View the entire Digioh theme library to create a new campaign from. The themes can be filtered based on campaign type and/or specific use cases.

View Quick Start Themes

View the library of Digioh themes that come pre-packaged with conditions to assist with launching new campaigns.

Reporting

GA4 Reports

Dashboard

View the GA4 Dashboard for the account.

Configure Dashboard

Configure the GA4 Dashboard for the account.

Revenue Analytics

Revenue focused reports and metrics, based on Digioh Revenue Attribution.

Campaign Analytics

Campaign interaction reports, e.g. impressions, form submissions, etc.

Property Analytics

Site level reports, e.g. how many visitors are seeing a Digioh Campaign.

Identification Analytics

Reports on identification metrics, tracking the number of Add to Cart and Checkout events identified through Digioh’s Owned Identification, extending user identity across devices and browsers. 

Quiz Analytics

More detailed reports for interactions with quizzes.

Digioh Reports

Subscriber Data

View data for submissions that have occurred within the last 90 days.

Campaign Metrics

View impression, submission, and redirect data for specific campaigns and timeframes.

Export JS Events

API.logEvent is a function that allows you to track arbitrary events and payloads from your site for troubleshooting or aggregate analysis.

This is an advanced feature for custom use cases and no events are tracked by default.

A/B Tests

Current Tests

View all A/B tests that have been run in the account.

Create New Test

Create a new A/B test.

Integrations

New Integration

Create a new integration.

Current Integrations

View the current integrations configured in the account.

Integration Pipelines

View the current pipelines configured in the account.

The Campaign List

The Campaign List is the list of all of the campaigns that have been created in the Digioh account. Whenever the Digioh JavaScript loads on a customer webpage, campaigns are evaluated to determine whether they should fire from top to bottom. 

By default, if two campaigns are both eligible to fire, Digioh will show whichever campaign is closer to the top of the campaign list.

Filter Campaigns

Allows view filters to be applied to the campaign list to only show the specified campaign types. 

Reorder Campaigns

When turned on, allows campaigns to be dragged and dropped to control their order. 

Create New Campaign

View the entire Digioh theme library to create a new campaign from. The themes can be filtered based on campaign type and/or specific use cases.

Create New Quiz

Opens up the quiz builder which will provide guidance for creating a new product recommendation quiz.

Sitewide Rules

Configure rules that apply globally to all campaigns in the account. 

• Ignore Sitewide Rules for “Embedded” Forms: Allows embedded campaigns to appear without blocking popups, sidebars, or banners
  • • Digioh recommends this setting be enabled

• Limit to One Campaign per Pageview: This ensures a visitor sees only one campaign per pageview, no matter how many campaigns are set up

• Limit to One Campaign per Session: This ensures a visitor sees only one campaign during their entire session, no matter how many pages they visit

• • • Digioh does not recommend enabling this setting

• Limit to One Campaign per Visitor: This ensures a visitor sees only one campaign, no matter how many pages or visits they have

• • • Digioh does not recommend enabling this setting

• Do Not Show Campaigns After Form Submission: This stops any more campaigns from appearing after a visitor submits a form, even on return visits

• • • Digioh does not recommend enabling this setting

• Allow Multiple Campaigns to Display Simultaneously: Turn this on to display more than one campaign at a time to visitors

• • Digioh recommends that only advanced users enable this setting

• Do Not Show Campaigns to Visitors with Disabled Cookies: This prevents issues for visitors with cookies disabled.

• • Digioh recommends that only advanced users enable this setting

Rulesets

Manage the existing rulesets associated with the Digioh account. Rulesets are reusable collections of rules to quickly apply the same rules to multiple campaigns.

Publish Account

Publish all account settings such as extensions, custom javascript, conditions, and sitewide rules. This does not publish any campaigns.

Republish All Campaigns

Republish all currently published campaigns, all account settings, such as extensions, custom JavaScript, conditions, and site-wide rules.

Republish All QA

Republish all currently published campaigns, all account settings, such as extensions, custom JavaScript, conditions, and site-wide rules, to Digioh’s QA mode.

QA mode can be accessed by adding ?boxqamode to a URL where Digioh is installed.

Unpublish All Campaigns

Unpublish all campaigns in the account.

Conditions Monitor

Open your website to a specified page with the conditions monitor enabled. The conditions monitor can assist with diagnosing issues with campaign conditions and help determine why a campaign may not be showing.

View Archive

View the list of all previously archived campaigns. Archived campaigns can be restored from the archive list.

Campaign Options

The following are settings specific to individual campaigns on the Campaign List page.

Campaign Name

The name of the campaign. The name can be clicked to open the campaign editor. 

The pencil button to the left of the name can be clicked to rename the campaign.

Impressions

A count of the total number of impressions for the campaign for all time.

If the impressions are clicked, the Digioh campaign metrics page will be opened for the specified campaign.

Conditions

Manage the conditions configured on this campaign.

Publish State & Options

Displays the current publish state for the campaign and when it was last published. If any changes have been made to the campaign since it was last published, the campaign will be marked as being in ‘Draft’ mode. 

• Publish Live: Push any changes to the campaign to be live on site. If the campaign had been previously unpublished, it will now be eligible to appear when its conditions pass.

• • Publish QA: Push any changes to the campaign to Digioh’s QA mode. If the campaign had been previously unpublished, it will now be eligible to appear when its conditions pass and QA mode is enabled.

• Unpublish: Disable the campaign and prevent it from appearing on site.

Preview Link

Open a preview of the campaign. The preview is fully functional and will fire integrations as configured. 

Impressions from the preview link are not included in the campaign’s impression metrics.

Live Link

A Digioh hosted page where the campaign will be displayed. This URL can be used as a landing page for marketing campaigns.

Preview on Live Website

Preview the campaign at the specified URL. 

Edit

Edit Name

Edit the campaign’s name.

Edit Campaign

Open the campaign editor.

Enable Revenue Attribution

Enable or disable revenue attribution for this campaign. Once data is available for the campaign’s revenue metrics, the count of impressions for the campaign will be replaced with the campaign’s revenue attribution.

Please note: Enabling attribution will consume one Google Analytics custom audiences, which are limited to a maximum of 50 for free Google Analytics 4 accounts.

Duplicate

Create an exact duplicate version of the campaign. Any integrations applied to the original campaign will automatically apply to the duplicate campaign. For custom JavaScript snippets, if the Include / Exclude list contains the original campaign id, the list will be updated to include the new id.

Archive

Archive the campaign and remove it from the campaign list. Archived campaigns will no longer appear on site. 

Add Dynamic Items

Configure dynamic items for the campaign.

Version History

View the campaign’s version history. The campaign can be reverted to previous versions here.

Data Storage Settings

Configure specific data storage settings for the campaign that will override the Account-level data storage setting.

---

Campaign-Level Settings

These are the settings available at the Campaign-level for Digioh campaigns.

Campaign Type

Digioh supports 4 different types of campaigns:

• Pop ups – Campaigns that appear in the center of the user’s screen
• Sidebar – Campaigns that appear in the corner of the user’s screen
• Inline / Embedded – Campaigns that are embedded directly into a page on your site
• Banner – Campaigns that appear along the top or bottom of the user’s screen

Position of Campaign in Window

Applies to: Pop Ups

Configure a horizontal and vertical offset on the campaign to control its position on screen when it appears.

Sidebar Settings

Applies to: Sidebars

Configure where on screen the sidebar should appear.

Position in Window

Configure where on the screen the campaign should appear: Top Right, Top Center, Top Left, Center Right, Center Center, Center Left, Bottom Right, Bottom Center, or Bottom Left.

Always show on Screen

Configure if the campaign should either always show or disappear as users scroll the page. 

Digioh recommends setting sidebars to always show. 

Banner Settings

Applies to: Banners

Configure how the banner where on screen the banner should appear.

Placement

Configure whether the banner should appear on the top or bottom of the screen. 

Page Overlap

Configure whether the banner should push the page content down or overlap existing content.

Digioh recommends pushing existing content down.

Always Show on Screen

Configure if the campaign should either always show or disappear as users scroll the page. 

Digioh recommends setting banners to always show. 

Campaign Position

Applies to: Embedded

Configure how embedded campaigns are placed on site.

Position Using

Configure how an embedded campaign will be positioned on site using one of three options:

• • Campaign Smart Tag: This is the most straightforward option for injecting an embedded campaign. A unique HTML <div> element is provided in the editor, it needs to be embedded on any page(s) where the campaign should appear.
  • Universal Smart Tag: Similar to the Campaign Smart Tag, but instead a generic <div> is provided. This <div> is intended to be embedded on site where any embedded campaign should appear.
    • When multiple embedded campaign are configured to use Campaign Smart Tags, the campaign conditions will determine which campaign will display on a given page.

• CSS Selector: Set the embedded campaign’s injection point on site by specifying an existing HTML element that the campaign should check for and inject itself when both the element is found and its conditions pass.

• • A comma-separated list of selectors (e.g., #header, #footer) can be used to inject the campaign at multiple places on the same page.

Smart Tag Placeholder Image

Add a placeholder image that will appear while the campaign first loads. Using a placeholder image will provide a new <div>. 

Please Note: If the campaign is updated to use a new placeholder image, the <div> embedded on site will need to be updated.

Campaign Margins

Applies to: Embedded

Configure additional margins that are applied to the top, right, bottom, and/or left of embedded campaigns.

Border Styles

Applies to: Embedded

Configure a campaign-level border which will appear around the edges of the embedded campaign. 

Screen Overlay Background

Applies to: Pop Ups, Sidebars

Configure how the screen will appear behind the campaign when it fires. The screen overlay can be configured to either use a specific color, with an optional gradient, or an image can be used. 

Click Outside Popup to Close

The Screen Overlay Background settings also contain the ‘Click Outside Popup to Close’ toggle which allows the campaign to be set to close when users click anywhere outside the campaign. 

Close Button Settings

Applies to: Pop Ups, Sidebars, Banners

Select Close Button Image

When toggled on, this will automatically add a close button to each page of the campaign. If no specific image is selected, a default close button image will be used. 

Please Note: The close button will not be visible in the campaign editor, but will appear when the campaign is previewed.

Close Button Positioning

Configure the corner of the campaign where the close button will appear: Top Right, Top Left, Bottom Left, Bottom Right

Close Button Offset

Configure the horizon & vertical offset to control where it specifically appears on the screen.

Auto Close Settings

Applies to: Sidebars

Configure automatic close settings for sidebar-type campaigns. The additional settings are:

• Auto Close Timer: Close the campaign after the configured number of seconds
• Scroll Up: Close the campaign if the user scrolls up the configured number of pixels
• Scroll Down: Close the campaign if the user scrolls down the configured number of pixels

Extra CSS

Applies to: All Campaign Types

Configure campaign-level CSS. 

For Example: Adding a shadow to a popup using campaign-shadow: 10px 5px 5px black;

Campaign Metadata

Applies to: All Campaign Types

Configure campaign-level metadata using key & value pairs. Used to enable / configure Digioh Extensions.

Quiz

Applies to: All Campaign Types

When turned on, the campaign will be turned into a quiz, which then enables Quiz Settings under the Setting dropdown in the editor and provides additional configuration settings on page elements.

---

Page-Level Settings

The follow options are available on pages in the Campaign Editor by selecting the gear icon to the right of the page name

Duplicate

Create a copy of the selected page. 

Delete

Remove the selected page from the campaign. This option is only available when the campaign contains multiple pages. 

Please note: Pages cannot be removed while other pages reference them. Any forms or buttons that are set to redirect users will need to be updated to point at a different page.

The Layout Tab

The following are the configuration options available under an individual page’s Layout tab. 

Page Name

Set a custom name for the page.

Responsive

Enables responsive settings for the page, which allows the page to automatically resize based on the size of the screen it appears on. 

Note: Embedded campaigns do not support responsive settings.

Responsive Window Settings

Configure the responsive max campaign size using one of 3 options:

• Window: The page will scale up to fill the height of the browser and automatically scale itself as the browser resizes.

• Percentage of Window: Scale the size of the page to a maximum percentage of its configured dimensions. 

• Absolute Pixel Values: Scale the size of the page to a maximum pixel dimension

• • Digioh recommends using the Absolutely Pixel Value option with the maximum dimension set to the same dimensions as the page.

Edge to Edge

When enabled, the background of the page will stretch to fill the width of the screen. For embedded campaigns, they will stretch to fill the width of their container. 

Scrolling

This option is only available for sidebar-type campaigns. When enabled, the sidebar will be kept in a fixed position at the top center of the screen to allow for vertical scrolling within the campaign. 

Digioh recommends using Scrolling for overlay designs that are over 660 pixels tall.

Full Screen

This option is only available for pop ups. When enabled, it forces the pop up to fill the entire browser screen. 

Dimensions

Set the exact pixel dimensions for the campaign. The dimensions can be set by dragging the sliders or by entering a numeric value.

Page Border

Configure the outer border for the specific page. 

Border Style

Set the style for the border from the below options. If set to None, the border will be disabled for the page.

• Solid
• Dotted
• Dashed
• Double
• Groove
• Ridge
• Inset
• Outset

Color

Set the color and opacity for the border.

Width

Set the width of the border. 

Radius

Set the border’s radius value between 0 and 30. A value of 0 means the page will have sharp, square corners, whereas a value of 30 will provide smooth, rounded corners. 

Page Background

Configure the background of the page. The background can be configured to either use a specific color, with an optional gradient, or an image can be used. 

Extra CSS

Configure additional CSS styling at the page level by providing a key & value pair of, with the key being the CSS property. 

Custom Widget

Enable a custom widget to be displayed on the page. 

Currently supported Widgets:

• Spin to Win

Duplicate Content From Another Page

Clone the content from another page and replace the current page’s content. 

Note: After duplicating the page, the editor will reload and display the main page. 

Apply Current Page Layout To

When used, this will update the selected page(s) with the design settings from the current page. Specifically:

• Responsive Settings
• Page Dimensions
• Border Styling
• Background Styling
• Extra CSS
• Any text, button, or HTML elements will be updated to match the current page’s styling and placement
  • The actual content / functionality of the elements is not updated

Global Font

When applied, updates the font used by all elements in the campaign to be the selected font.

Page Metadata

Configure page level metadata as key and value pairs. Used to configure Digioh Extensions.

Page Branches

Configure page branching to allow for dynamic pathing through the campaign. Allows for Jump branching to control the next page the user navigates to. Or Skip logic to skip the current page when the conditions are met. 

The Form Tab

The following are the configuration options available under an individual page’s Form tab. 

Note: If a form is being used on a page to capture data, there must be a button with a Form Submit Action, otherwise the form data will not be stored.

Form

After Form Submit

Control what happens after the form on the page is submitted:

• Go to Next Page: Go to the next page in the campaign flow

• Redirect to URL: Redirect users to a specified URL

• Close Campaign: Close the campaign

• Do Nothing: Remain on the current page

• Open Another Campaign: Configure another Digioh campaign to be opened

• Show Thank You Page: Show the Thank You Page of the campaign

• Show Extra Page X: Show the specified Extra Page

Override Campaign Integrations

By default, whenever a form is submitted, all integrations configured at the campaign level will run. When the Override Campaign Integrations toggle is enabled, allows additional options for running integrations:

• Skip Submission and integrations for this page (dataLayer): No submission or integration will be fired when this page’s form is submitted. Instead, any form data collected will be pushed to the browser dataLayer and stored for a future submission.

• Submit Form and Override / Replace Campaign Integrations With Specific Ones: When the form on this page is submitted, only the specified integrations will run. 

Loading Image

When a Digioh form fires, there is a very brief load time required. This setting allows for custom loading images to be used in place of the Digioh loading gif.

Form CSS

Allows for custom CSS to be applied specifically to the form. Primarily used to apply additional styling to input fields. 

Form Size

Configure the height and width of the form element.

Form Position

Configure the x, y position of the form element.

Fields

The Fields subtab is where individual custom fields can be enabled and configured.

Default Fields

Digioh has 4 default fields that are always available in a form:

• Name: Used to collect the user’s name

• • • Can be configured to collect the full as a single text field, the first and last name as separate fields, or just the first name.
    • When configured to collect the first and last name, the fields can be arranged vertically or horizontally

• Email: Used to collect the user’s email address

• • • Will automatically perform basic email validation to check that the input value matches a standard email format and prevent submissions for invalid emails

• Phone: Used to collect the user’s phone number

• • • By default, automatically performs basic phone number validations to ensure that the entered value matches the standard US phone format
    • Can be configured to validate against phone numbers using the European format
    • Can be configured to allow users to select the appropriate country code for their phone
      • By default, all country codes will be included in the dropdown. But a specific list can be used instead.
    • Allows the Display and Submit format to be configured separately

• Opt-In: A checkbox to allow users to opt-in when providing their data

• • The default opt-in field will always appear at the bottom of the form regardless of how many custom fields are enabled

Custom Fields

Custom fields can be enabled on forms to collect additional user data as needed. Digioh supports the field types defined below:

• Textbox (Single Line): Allows users to enter free text in a single line field

• Text Area (Multi Line): Allows users to enter free text in a larger textbox

• Dropdown: Allow users to select a single option from a defined list

• Checkbox: Allow users to check / uncheck a single checkbox

• Radio: Allow users to select a single option from a defined set

• Hidden: A hidden field that can be used to collect hard coded values or be populated automatically to include data like UTM parameters

• Date Picker (Dropdown): Allows users to enter a date by selecting individual month, day, and year values

• Date Picker (Calendar): Allows users to select a date from a calendar that appears when the field is clicked

Field Settings

The following are the available configurations on individual custom fields. 

Please note: Not all options are available for all field types.

Label Text (All)

Enter label and sublabel text for the given field. This is optional and can be left blank. The entered label value will appear in the fields dropdown to make it easier to distinguish between fields.

Note for checkbox and radio fields: Because checkbox and radio fields have their own settings for display text, an additional option is available to hide or display their label text. 

Field Alignment (All)

Configure whether fields are aligned vertically or horizontally in the form. By default, all fields are vertically aligned. Fields must be in unbroken sequential order to be aligned horizontally. 

Please note: The default Email and Phone fields do not support the Field Alignment configuration. To horizontally align an email and phone field, Digioh recommends that you use sequential Custom Fields with email and phone validation enabled.

Make Field Required (All)

When enabled, users must populate the field with a valid value to submit the form. Custom error text can be configured to display when an invalid value is submitted. 

Show Help Text (All)

Help Text is optional text that appears below the field to provide extra guidance for filling it out.

Set Ghost Text or Default Value (Textbox, Text Area, Hidden, Calendar)

Configure either ghost text or default text for the field. Ghost text will be visible when the form appears but disappear when a user selects the field. Default text will be pre-filled in the form.

Input Options (Textbox)

Allows for additional validation to enabled on the text field:

• Email Syntax
• Phone (10 Digits)
• Phone (11 Digits, USA +1)
• Phone (11 Digits, Global)
• Phone (EU)
• Phone (8-15 Digits, International)

Input Options (Text Area)

Additional configuration options for text areas:

• Configure a maximum height for the text area
• Configure the maximum number of accepted characters 

Drop Down Choices (Dropdown)

Configure the available options that will appear in the dropdown. Options are configured as a combination of the submitted value (the actual value that will be used when the form is submitted) and the display value (what the user will see in the dropdown). The display text for the first choice will be displayed by default.

Note: When making dropdowns required, Digioh recommends that the submitted value be removed for the first dropdown choice – This will force users to select a choice that has an associated submit value. 

Checkbox Text (Checkbox)

Configure the text that will appear next to the checkbox.

Additional Checkbox Options (Checkbox)

Configure whether the checkbox should be pre-checked or not. 

Configure whether the checkbox should be aligned to the form, the inputs, or aligned as a floated 2-column. 

Note: Floated 2-column alignment requires an unbroken sequential sequence of custom fields configured as checkboxes.

Form Values (Checkbox)

By default, Digioh will pass boolean values of true or false when a checkbox is checked or unchecked, respectively. Custom values can be configured for the checked / unchecked state if needed.

Integration ID (Checkbox)

When the checkbox is checked and the form is submitted, the configured integration will fire.

Checkbox Text Styling (Checkbox)

Configure the font and styling of the checkbox text.

Radio Choices (Radio)

Configure the available options that will appear as radio buttons. Options are configured as a combination of the submitted value (the actual value that will be used when the form is submitted) and the display value (what the user will see).

A default option can be configured by entering the submitted value in the ‘default selected value’ field.

Radio Button Styling (Radio) 

Configure whether the radio buttons will be displayed vertically or horizontally. 

Configure the size and spacing between the radio buttons.

Radio Button Text Styling (Radio)

Configure the font and styling of the radio button text.

Additional Dropdown Options (Date Picker – Dropdown)

Configure a default date to be prepopulated in the field. 

Configure minimum and maximum values for the selectable date.

Configure minimum and maximum values for the age that the selected date must meet to be submitted. 

Configure the display and submit format of the date.

Date Picker Calendar Options (Date Picker – Calendar)

Configure the display and submit date for the selected date.

Configure the calendar’s theme.

Field Metadata (All)

Add individual field metadata as key and value pairs. Used to configure Digioh Extensions.

Copy Quiz Weight Logic From (All)

Quiz Conditional Weight Logic (All)

Labels

The following are the available configurations for custom field labels.

Label Placement

Configure if field labels should be:

• Hidden
• Placed above the field inputs
• Place to the left of the field inputs

Required Text and Color

Configure the text that should be appended to labels for required fields 

Label Width

When labels are configured to be shown to the left of the inputs, configure the width of the label area.

Label Text Styles

Configure the font and styling of label text.

Label Subtext Styles

Configure the font and styling of label subtext.

Inputs

The following are the available configurations for custom field inputs.

Input Basics

Configure the height of custom field inputs.

Configure the spacing between custom field inputs.

Configure the top margin used for sets of consecutive checkboxes. 

Error Message Position

Configure where error messages will appear if they’re thrown:

• Top: Error messages will appear at the top of the campaign

• Inline: Error messages will appear under their associated field

• Top and Inline: Error messages will appear at both the top of the campaign and under their associated field

Ghost Text Color

Configure the color of ghost text.

Input Text Styles

Configure the font and styling of text entered by users in input fields.

Input Border Styles

Configure the border styling for input fields.

Inputs Background

Configure the background styling of input fields. Allows or a specific color to be selected, with an optional gradient, or an image can be used.

The different states of the inputs can also be configured individually:

• Default: The default state when a field is displayed

• Hover: The state when the mouse hovers over the field

• Focus: The state when the field is selected

• Error: The state when the field has thrown an error

Button Settings

The following are the available configuration options for button elements.

Button Basics

Button Text

Configure the text displayed on the button.

Button Action When Clicked

Configure the action that should occur when the button is clicked:

• Go to Next Page: Advance to the next page in the campaign flow
• Submit Form: Trigger form submission
• Redirect to URL: Redirect the user to a specified URL
• Select Button: Toggle selected state
• Back Button: Return to previous page in the bow flow
• Close Campaign: Dismiss current Campaign
• Click to Copy: Copy text from specified element
• Do Nothing: No action
• Download File: Start file download
• Open Another Campaign: Launch a different campaign
• Show Extra Page X: Jump to a specific page (e.g., Thank You)

Button Data Action

Configure a Custom Field and value pair. When the button is clicked, the custom field specified will be populated with the provided value.

Button Styles

Configure the text and border style of the button. The individual states of the button can be styled individually:

• Default: The default state when the button appears on screen

• Hover: The state when a mouse is hovering over the button

• Selected: The state when a button has been selected

• Hover + Selected: The state when either a mouse is hovering over the button or the button has been selected

Extra CSS Styles

Configure additional CSS styling for the button element by providing a key & value pair of, with the key being the CSS property. 

Copy Design Settings From

Replace the current button’s design settings with the settings of a specific button element in the campaign.

Apply Design Settings To

Apply the current button’s design settings to other button elements in the campaign.

Integration ID

Configure an integration that will be fired when the button is clicked.

Button Metadata

Configure button level metadata as key and value pairs. Used to configure Digioh Extensions.

Button Size

Configure the height and width of the button element.

Button Position

Configure the x,y position of the button element.

Text Settings

The following are the available configuration options for text elements.

Text Basics

Configure the text that will be displayed.

Text Styles

Configure the font and styling of the text.

Copy Design Settings From

Replace the current text element’s design settings with the settings of a specific text element in the campaign.

Apply Design Settings To

Apply the current text element’s design settings to other text elements in the campaign.

Extra CSS Styles

Configure additional CSS styling for the text element by providing a key & value pair of, with the key being the CSS property. 

Wrapper CSS

Configure additional CSS styling specific to the component wrapper. This can be used for applying CSS styling like positioning and z-index.

Element Metadata

Configure metadata on the text element as key and value pairs. Used to configure Digioh Extensions.

Container Size

Configure the height and width of the text element.

Container Position

Configure the x,y position of the text element.

Image Settings

The following are the available configuration options for image elements.

Aspect Ratio

Configure if the image’s aspect ratio should be automatically maintained as the image is resized.

Image Source

Configure which image file from the Digioh account will be displayed. 

Images can also be uploaded directly within the editor by clicking the “+ Add Image” button.

Image Border

Configure the border that appears around the image element.

Copy Design Settings From

Replace the current image’s design settings with the settings of a specific image element in the campaign.

Apply Design Settings To

Apply the current image’s design settings to other image elements in the campaign.

Extra CSS Styles

Configure additional CSS styling for the image element by providing a key & value pair of, with the key being the CSS property. 

Wrapper CSS

Configure additional CSS styling specific to the component wrapper. This can be used for applying CSS styling like positioning and z-index.

Element Metadata

Configure metadata on the image element as key and value pairs. Used to configure Digioh Extensions.

Image Size

Configure the height and width of the image element.

Image Position

Configure the x,y position of the image element.

HTML Settings

The following are the available configuration options for html elements.

Enter HTML

Configure the HTML for the element.

Copy Design Settings From

Replace the current HTML element’s design settings with the settings of a specific image element in the campaign.

Apply Design Settings To

Apply the current HTML element’s design settings to other HTML elements in the campaign.

Extra CSS Styles

Configure additional CSS styling specific to the component wrapper. This can be used for applying CSS styling like positioning and z-index.

Wrapper CSS

Configure additional CSS styling specific to the component wrapper. This can be used for applying CSS styling like positioning and z-index.

Element Metadata

Configure metadata on the HTML element as key and value pairs. Used to configure Digioh Extensions.

HTML Size

Configure the height and width of the HTML element.

HTML Position

Configure the x,y position of the HTML element.