{"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:\/\/yayapipi.com\/index.php\/popups\/","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&#821…\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"qubely_global_settings":"","qubely_interactions":"","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"},"yoast_head":"\nPopups - Yapi \u6975\u5149\u7ad9<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/yayapipi.com\/index.php\/popups\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Popups\" \/>\n<meta property=\"og:description\" content=\"Layouts There&#821…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/yayapipi.com\/index.php\/popups\/\" \/>\n<meta property=\"og:site_name\" content=\"Yapi \u6975\u5149\u7ad9\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/yayapipistudio?locale=zh_TW\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/yayapipi.com\/wp-content\/uploads\/2024\/06\/cropped-%E6%9C%AA%E5%91%BD%E5%90%8D%E8%A8%AD%E8%A8%88.png?fit=512%2C512&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/yayapipi.com\/index.php\/popups\/\",\"url\":\"https:\/\/yayapipi.com\/index.php\/popups\/\",\"name\":\"Popups - Yapi \u6975\u5149\u7ad9\",\"isPartOf\":{\"@id\":\"https:\/\/yayapipi.com\/#website\"},\"datePublished\":\"2019-12-25T10:23:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/yayapipi.com\/index.php\/popups\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/yayapipi.com\/index.php\/popups\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/yayapipi.com\/index.php\/popups\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9801\",\"item\":\"https:\/\/yayapipi.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Popups\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/yayapipi.com\/#website\",\"url\":\"https:\/\/yayapipi.com\/\",\"name\":\"Yapi \u6975\u5149\u7ad9\",\"description\":\"\u5317\u6975\u718a\u5728\u6c99\u6f20\u4e2d\u9032\u884c\u904a\u6232\u958b\u767c\u548c\u8a2d\u8a08\u7684\u6545\u4e8b\",\"publisher\":{\"@id\":\"https:\/\/yayapipi.com\/#\/schema\/person\/6d8bdc3d10a9a80d07605d261420537f\"},\"alternateName\":\"Yapi \u6975\u5149\u7ad9\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/yayapipi.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/yayapipi.com\/#\/schema\/person\/6d8bdc3d10a9a80d07605d261420537f\",\"name\":\"Yapi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/yayapipi.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/i0.wp.com\/yayapipi.com\/wp-content\/uploads\/2024\/06\/YapiPolar.jpg?fit=1024%2C1024&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/yayapipi.com\/wp-content\/uploads\/2024\/06\/YapiPolar.jpg?fit=1024%2C1024&ssl=1\",\"width\":1024,\"height\":1024,\"caption\":\"Yapi\"},\"logo\":{\"@id\":\"https:\/\/yayapipi.com\/#\/schema\/person\/image\/\"},\"description\":\"\u4e00\u540d\u7368\u7acb\u904a\u6232\u958b\u767c\u8005 \u559c\u6b61\u63a2\u7d22\u6700\u65b0\u7684\u958b\u767c\u6280\u8853\u4f86\u9032\u884c\u5275\u4f5c \u5728\u9019\u500b\u7db2\u7ad9\u4e0a\u5206\u4eab\u63a2\u7d22\u904e\u7a0b\u4e2d\u7684\u904a\u6232\u6280\u8853\u548c\u95b1\u8b80\u5fc3\u5f97\",\"sameAs\":[\"https:\/\/www.yayapipi.com\",\"https:\/\/www.facebook.com\/yayapipistudio?locale=zh_TW\",\"https:\/\/www.instagram.com\/yayapipifly\/\",\"https:\/\/www.youtube.com\/@YayapipiStudio\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Popups - Yapi \u6975\u5149\u7ad9","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/yayapipi.com\/index.php\/popups\/","og_locale":"zh_TW","og_type":"article","og_title":"Popups","og_description":"Layouts There̵…","og_url":"https:\/\/yayapipi.com\/index.php\/popups\/","og_site_name":"Yapi \u6975\u5149\u7ad9","article_publisher":"https:\/\/www.facebook.com\/yayapipistudio?locale=zh_TW","og_image":[{"width":512,"height":512,"url":"https:\/\/i0.wp.com\/yayapipi.com\/wp-content\/uploads\/2024\/06\/cropped-%E6%9C%AA%E5%91%BD%E5%90%8D%E8%A8%AD%E8%A8%88.png?fit=512%2C512&ssl=1","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"2 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/yayapipi.com\/index.php\/popups\/","url":"https:\/\/yayapipi.com\/index.php\/popups\/","name":"Popups - Yapi \u6975\u5149\u7ad9","isPartOf":{"@id":"https:\/\/yayapipi.com\/#website"},"datePublished":"2019-12-25T10:23:36+00:00","breadcrumb":{"@id":"https:\/\/yayapipi.com\/index.php\/popups\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/yayapipi.com\/index.php\/popups\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/yayapipi.com\/index.php\/popups\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9801","item":"https:\/\/yayapipi.com\/"},{"@type":"ListItem","position":2,"name":"Popups"}]},{"@type":"WebSite","@id":"https:\/\/yayapipi.com\/#website","url":"https:\/\/yayapipi.com\/","name":"Yapi \u6975\u5149\u7ad9","description":"\u5317\u6975\u718a\u5728\u6c99\u6f20\u4e2d\u9032\u884c\u904a\u6232\u958b\u767c\u548c\u8a2d\u8a08\u7684\u6545\u4e8b","publisher":{"@id":"https:\/\/yayapipi.com\/#\/schema\/person\/6d8bdc3d10a9a80d07605d261420537f"},"alternateName":"Yapi \u6975\u5149\u7ad9","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/yayapipi.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"},{"@type":["Person","Organization"],"@id":"https:\/\/yayapipi.com\/#\/schema\/person\/6d8bdc3d10a9a80d07605d261420537f","name":"Yapi","image":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/yayapipi.com\/#\/schema\/person\/image\/","url":"https:\/\/i0.wp.com\/yayapipi.com\/wp-content\/uploads\/2024\/06\/YapiPolar.jpg?fit=1024%2C1024&ssl=1","contentUrl":"https:\/\/i0.wp.com\/yayapipi.com\/wp-content\/uploads\/2024\/06\/YapiPolar.jpg?fit=1024%2C1024&ssl=1","width":1024,"height":1024,"caption":"Yapi"},"logo":{"@id":"https:\/\/yayapipi.com\/#\/schema\/person\/image\/"},"description":"\u4e00\u540d\u7368\u7acb\u904a\u6232\u958b\u767c\u8005 \u559c\u6b61\u63a2\u7d22\u6700\u65b0\u7684\u958b\u767c\u6280\u8853\u4f86\u9032\u884c\u5275\u4f5c \u5728\u9019\u500b\u7db2\u7ad9\u4e0a\u5206\u4eab\u63a2\u7d22\u904e\u7a0b\u4e2d\u7684\u904a\u6232\u6280\u8853\u548c\u95b1\u8b80\u5fc3\u5f97","sameAs":["https:\/\/www.yayapipi.com","https:\/\/www.facebook.com\/yayapipistudio?locale=zh_TW","https:\/\/www.instagram.com\/yayapipifly\/","https:\/\/www.youtube.com\/@YayapipiStudio"]}]}},"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/yayapipi.com\/index.php\/wp-json\/wp\/v2\/pages\/2308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yayapipi.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yayapipi.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yayapipi.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yayapipi.com\/index.php\/wp-json\/wp\/v2\/comments?post=2308"}],"version-history":[{"count":0,"href":"https:\/\/yayapipi.com\/index.php\/wp-json\/wp\/v2\/pages\/2308\/revisions"}],"wp:attachment":[{"href":"https:\/\/yayapipi.com\/index.php\/wp-json\/wp\/v2\/media?parent=2308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}