{"id":2308,"date":"2019-12-25T10:23:36","date_gmt":"2019-12-25T10:23:36","guid":{"rendered":"https:\/\/caards.codesupply.co\/caards\/?page_id=2308"},"modified":"2019-12-25T10:23:36","modified_gmt":"2019-12-25T10:23:36","slug":"popups","status":"publish","type":"page","link":"https:\/\/madsonbruno.com\/?page_id=2308","title":{"rendered":"Popups"},"content":{"rendered":"\n
\n\t
\n\t\t\n\n
Please Note<\/h6>\n\n\n\n

You need to install and activate Advanced Popups<\/a> to make this feature work.<\/p>\n\n\t<\/div>\n\t<\/div>\n\n\n\n

Layouts<\/h2>\n\n\n\n
\n

There’re a few possible layouts for the popups available. Side (right or left image) and background layouts support any page content.<\/p>\n\n\n\n

So, feel free to insert any block, including paragraphs and headings, a subscription form, share buttons, or social links or even a custom HTML snippet.<\/p>\n\n\n\n

\n\t
\n\t\t\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Left Image<\/h3>\n\n\n\n
Open Demo<\/a><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Right Image<\/h3>\n\n\n\n
Open Demo<\/a><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Background Image<\/h3>\n\n\n\n
Open Demo<\/a><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Notification Box<\/h3>\n\n\n\n
Open Demo<\/a><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Notification Bar<\/h3>\n\n\n\n
Open Demo<\/a><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

Triggers<\/h2>\n\n\n\n
\n
\n\t
\n\t\t\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Time Delay<\/h3>\n\n\n\n

Display a popup a specific number of seconds after the page load.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n

\n\t
\n\t\t
\n\t\t\t\n\n

Page Viewed<\/h3>\n\n\n\n

Display a popup right after the page load.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n

\n\t
\n\t\t
\n\t\t\t\n\n

Page Read<\/h3>\n\n\n\n

Display a popup when a user scrolled to the end of the page.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n\n\n\n

\n\t
\n\t\t\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Exit Intent <\/h3>\n\n\n\n

Display a popup when a user intends to exit your website by closing the browser tab.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n

\n\t
\n\t\t
\n\t\t\t\n\n

Scroll Position<\/h3>\n\n\n\n

Display a popup on a specific scroll position in pixels.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n

\n\t
\n\t\t
\n\t\t\t\n\n

Consent Given<\/h3>\n\n\n\n

Close a popup after the user accepts terms and conditions.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n\n\n\n

\n\t
\n\t\t\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Manual Trigger <\/h3>\n\n\n\n

Display a popup when a user clicks on an element with a given class or identifier.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n

\n\t
\n\t\t
\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

Positioning<\/h2>\n\n\n\n
\n

Choose a suitable location for your popups. You may create multiple popups with different locations and triggers.<\/p>\n\n\n\n

\n\t
\n\t\t\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Top Left<\/h3>\n\n\n\n
Open Demo<\/a><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Top<\/h3>\n\n\n\n
Open Demo<\/a><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Top Right<\/h3>\n\n\n\n
Open Demo<\/a><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Left<\/h3>\n\n\n\n
Open Demo<\/a><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Center<\/h3>\n\n\n\n
Open Demo<\/a><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Right<\/h3>\n\n\n\n
Open Demo<\/a><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Bottom Left<\/h3>\n\n\n\n
Open Demo<\/a><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Bottom<\/h3>\n\n\n\n
Open Demo<\/a><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Bottom Right<\/h3>\n\n\n\n
Open Demo<\/a><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

Animation<\/h2>\n\n\n\n
\n

Enjoy the available subtle animations of the popups: fade, slide, zoom and a combination of slide and fade effect.<\/p>\n\n\n\n

\n\t
\n\t\t\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Fade<\/h3>\n\n\n\n
Open Demo<\/a><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Slide<\/h3>\n\n\n\n
Open Demo<\/a><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Zoom<\/h3>\n\n\n\n
Open Demo<\/a><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Slide & Fade<\/h3>\n\n\n\n
Open Demo<\/a><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

Conditions<\/h2>\n\n\n\n
\n
\n\t
\n\t\t\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Front Page<\/h3>\n\n\n\n

Display a popup on the front page only.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n

\n\t
\n\t\t
\n\t\t\t\n\n

Home Page<\/h3>\n\n\n\n

Display a popup on the blog page.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n

\n\t
\n\t\t
\n\t\t\t\n\n

Archive Page<\/h3>\n\n\n\n

Displays a popup on all archive pages, including categories, tags, and date archives.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n\n\n\n

\n\t
\n\t\t\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Posts Types<\/h3>\n\n\n\n

Display a popup on a specific post type archive.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n

\n\t
\n\t\t
\n\t\t\t\n\n

Taxonomies<\/h3>\n\n\n\n

Display a popup on a specific taxonomy pages, for example tags or categories.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n

\n\t
\n\t\t
\n\t\t\t\n\n

Author Page<\/h3>\n\n\n\n

Display a popup on an author’s page.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n\n\n\n

\n\t
\n\t\t\n\n
\n\t
\n\t\t
\n\t\t\t\n\n

Search Result Page <\/h3>\n\n\n\n

Displays a popup on the search results page.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n

\n\t
\n\t\t
\n\t\t\t\n\n

404 Error Page <\/h3>\n\n\n\n

Displays a popup on the 404 error page.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n

\n\t
\n\t\t
\n\t\t\t\n\n

URL (slug)<\/h3>\n\n\n\n

Displays a popup on a specific page slug or URL.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"Layouts There’re a few possible layouts for the popups available. Side (right or left image) and background layouts…\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"csco_singular_sidebar":"default","csco_page_header_type":"default","csco_appearance_masonry":"","csco_page_load_nextpost":"","csco_post_video_location":[],"csco_post_video_location_hash":"","csco_post_video_url":"","csco_post_video_bg_start_time":0,"csco_post_video_bg_end_time":0,"footnotes":""},"class_list":{"0":"post-2308","1":"page","2":"type-page","3":"status-publish","5":"cs-entry","6":"cs-video-wrap"},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/madsonbruno.com\/index.php?rest_route=\/wp\/v2\/pages\/2308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/madsonbruno.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/madsonbruno.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/madsonbruno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/madsonbruno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2308"}],"version-history":[{"count":0,"href":"https:\/\/madsonbruno.com\/index.php?rest_route=\/wp\/v2\/pages\/2308\/revisions"}],"wp:attachment":[{"href":"https:\/\/madsonbruno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}