View Product Page

Content of the popup

The tab Content allows you to edit the content shown in the popup.
Through the option Content type, you must first select Newsletter or WooCommerce and then edit the textual parts of your popup from the textual boxes available (header, footer, left contents, right contents, unique content).

Content type

N.B. The content you enter in the tabs “Newsletter” and “WooCommerce” will be shown only if the same popup type has been selected in the drop-down menu “Content-type”.

Below, you find a list of all content types available:

  • Newsletter: newsletter popup includes a form for newsletter subscription. Settings for the newsletter popup are managed in the tab “Newsletter”.
  • WooCommerce: in a WooCommerce popup, you can show one of the items in your shop. Settings for this type of popup can be managed in the tab “WooCommerce”.
Popup content options

Layout

In the tab Layout, you can manage all settings that allow you to edit the style and colors of your popup.

Layout

Display Settings

In the Display Settings tab, you can configure the opacity of the popup background.

Display settings

Customization

In the tab Customization, you can find two text areas, CSS and JavaScript, that allow you to enter your custom code to edit the style and behavior of the popup you are configuring.

Customization

Newsletter

The tab Newsletter allows you to set up the form that has to be shown in newsletter popup type. Below, you find a complete list of all options:

Newsletter
  • Form integration preset: type of form (custom, Madmimi or MailChimp);
  • Form action: “action” attribute of the form (custom type);
  • Request method: “method” attribute of the form (custom type);
  • Show name field: show field “name” in the form (custom type);
  • Name field label: label for the field “name” (custom type);
  • “Name” attribute of the Name field: value for the attribute “name” of the form (custom type);
  • Email field label: label for the field “email”;
  • “Name” attribute for Email field: the value of the attribute “email” of the form (custom type);
  • Submit button label: label for the field “submit”;
  • Hidden fields: names for possible hidden fields added to the form (custom type);
  • Mailchimp API Key: API Keys of the MailChimp account you want to link to WordPress;
  • Mailchimp List: list of MailChimp features associated to the specified account.

WooCommerce

The tab WooCommerce includes all options that can be set up in the WooCommerce popup type.
Below you can find a list with all the options:

WooCommerce
  • Select products: search and select the products you want to show in the popup;
  • Show name of product: enable to show the product name;
  • Show thumbnail of product: enable to show the product image;
  • Show price of product: enable to show the product price;
  • Show Add to Cart: enable to show the “Add to cart” button in the popup;
  • “Add to cart” Label: enter the label for the “Add to cart” button;
  • Show summary: enable to show the product description.