Box-Level Settings

These are the settings available at the Box-level for Digioh boxes.

Box Type

Digioh supports 4 different types of boxes:

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

Position of Lightbox in Window

Applies to: Pop Ups

Configure a horizontal and vertical offset on the box 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 box 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 box 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 box should either always show or disappear as users scroll the page. 

Digioh recommends setting banners to always show. 

Box Position

Applies to: Embedded

Configure how embedded boxes are placed on site.

Position Using

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

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

• CSS Selector: Set the embedded box’s injection point on site by specifying an existing HTML element that the box 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 box at multiple places on the same page.

Smart Tag Placeholder Image

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

Box Margins

Applies to: Embedded

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

Border Styles

Applies to: Embedded

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

Screen Overlay Background

Applies to: Pop Ups, Sidebars

Configure how the screen will appear behind the box 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 Lightbox to Close

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

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 box. 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 box editor, but will appear when the box is previewed.

Close Button Positioning

Configure the corner of the box 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 boxes. The additional settings are:

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

Extra CSS

Applies to: All Box Types

Configure box-level CSS. 

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

Box Metadata

Applies to: All Box Types

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

Quiz

Applies to: All Box Types

When turned on, the box 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.

---

The Box List Page

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

The Digioh Toolbar

Boxes

View Current Boxes

Quickly navigate back to the box list page.

Create New Box

View the entire Digioh theme library to create a new box from. The themes can be filtered based on box 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 boxes.

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.

Box Analytics

Box 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.

Box Metrics

View impression, submission, and redirect data for specific boxes 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 Box List

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

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

Filter Boxes

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

Reorder Boxes

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

Create New Box

View the entire Digioh theme library to create a new box from. The themes can be filtered based on box 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 boxes in the account. 

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

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

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

• • • Digioh does not recommend enabling this setting

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

• • • Digioh does not recommend enabling this setting

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

• • • Digioh does not recommend enabling this setting

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

• Digioh recommends that only advanced users enable this setting

• Do Not Show Boxes 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 boxes.

Publish Account

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

Republish All Boxes

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

Republish All QA

Republish all currently published boxes, all account settings, such as extensions, custom JavaScript, conditions, and site-wide rules, to Digioh’s QA mode. QA mode can be access by adding ?boxqamode to a URL where Digioh is installed.

Unpublish All Boxes

Unpublish all boxes 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 box conditions and help determine why a box may not be showing.

View Archive

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

Box Options

The following are settings specific to individual boxes on the Box List page.

Box Name

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

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

Impressions

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

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

Conditions

Manage the conditions configured on this box.

Publish State & Options

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

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

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

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

Preview Link

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

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

Live Link

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

Preview on Live Website

Preview the box at the specified URL. 

Edit

Edit Name

Edit the box’s name.

Edit Box

Open the box editor.

Enable Revenue Attribution

Enable or disable revenue attribution for this box. Once data is available for the box’s revenue metrics, the count of impressions on the box will be replaced with the box’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 box. Any integrations applied to the original box will automatically apply to the duplicate box. For custom JavaScript snippets, if the Include / Exclude list contains the original boxId, the list will be updated to include the new id.

Archive

Archive the box and remove it from the box list. Archived boxes will no longer appear on site. 

Add Dynamic Items

Configure dynamic items for the box.

Version History

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

Data Storage Settings

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

---

Page-Level Settings

The follow options are available on pages in the Box 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 box. This option is only available when the box 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 boxes do not support responsive settings.

Responsive Window Settings

Configure the responsive max box 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 boxes, they will stretch to fill the width of their container. 

Scrolling

This option is only available for sidebar-type boxes. 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 box. 

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 box. The dimensions can be set by dragging the sliders or by entering a numeric value.

Box 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. 

Box 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 box 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 box. 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 box flow

• Redirect to URL: Redirect users to a specified URL

• Close Box: Close the box

• Do Nothing: Remain on the current page

• Open Another Box: Configure another Digioh box to be opened

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

• Show Extra Page X: Show the specified Extra Page

Override Box Integrations

By default, whenever a form is submitted, all integrations configured at the box level will run. When the Override Box 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 Box 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:

• Text Box (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 text box

• 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. 

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 (Text Box, 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 (Text Box)

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 box

• Inline: Error messages will appear under their associated field

• Top and Inline: Error messages will appear at both the top of the box 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 box 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 Box: Dismiss current Box
• Click to Copy: Copy text from specified element
• Do Nothing: No action
• Download File: Start file download
• Open Another Box: Launch a different Box
• 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 box.

Apply Design Settings To

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

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 box.

Apply Design Settings To

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

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 box.

Apply Design Settings To

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

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 box.

Apply Design Settings To

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

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.