Style

Structure

Estimated reading: 1 minute 195 views

With CocoPopup you can customize the style of the popup as you wish, thus making it match the style of your site. The general settings can be found on the right sidebar under ‘Style’ -> ‘Structure’.

CocoPopup personalize style structure

Structure

Here you have several settings available:

You can choose where to place the popup on the page.


This toggle allows you to set a fixed width (adjustable for various devices) or an automatic width based on the content of the popup.


Create the desired padding


You can choose various types of border styles, setting the relative rounding, thickness and color.


You can set a normal or gradient background color of the popup, set a different color for the hover, and adjust the transition time of the hover effect.


You can set the box shadow of the popup and a different box shadow for the hover.


You can adjust the opacity of the popup to have a lower contrast compared to the context.

CocoPopup personalize style structure
Top

Conditions

Conditions are the requirements that the visitor must meet for the popup to open

Responsive

CocoPopup has the ability to display the WordPress popup based on the visitor

Schedule

PRO CocoPopup has a ‘Pro’ extension that allows you to schedule the

Closing

CocoPopup provides you with many options for closing the popup. You have a toggl

WooCommerce

PRO CocoPopup allows you to set specific conditions for the WooCommerce plugin t

Parameters

Events

CocoPopup has the ability to set events to diversify its entry. By default, it i

Animation

With CocoPopup you have various animations at your disposal to make it appear mo

Body Behavior

With CocoPopup you can customize the style of the body of the page on which the

Button

With CocoPopup you can customize the style of the button popup as you wish, thus

Structure

With CocoPopup you can customize the style of the popup as you wish, thus making

Style

Chat Icon Close Icon