{"id":20424,"date":"2021-07-01T13:48:34","date_gmt":"2021-07-01T10:48:34","guid":{"rendered":"https:\/\/plumrocket.com\/docs\/?p=20424"},"modified":"2021-09-24T04:51:42","modified_gmt":"2021-09-24T08:51:42","slug":"display-multi-step-newsletter-popup","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-newsletter-popup\/v3\/devguide\/display-multi-step","title":{"rendered":"Display Multi-step Newsletter Popup"},"content":{"rendered":"\n

In order to display multi-step popups in the Magento 2 Newsletter Popup extension<\/a>, you need to select any popup you’ve created before and specify another popup that will be displayed after clicking on the element in its HTML code. In order to perform this, add an attribute with a popup ID that needs to be displayed to the element (e.g. button or link) required.<\/p>\n\n\n

\n

Code Example<\/p>\n

\n
<\/div>\n
data-npid=\"_POPUP_ID_\"<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n
You can also use an attribute that records custom subscribers’ actions in the History section.<\/p>\n\n\n
\n
Code Example<\/p>\n
\n
<\/div>\n
data-npaction=\"_DESCRIPTION_TO_HISTORY_\"<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n
Use this attribute with “Cancel” value in order to close the popup and write records to the “History” section.<\/p>\n\n\n
\n
Code Example<\/p>\n
\n
<\/div>\n
data-npaction=\"Cancel\"<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n
\n
Detailed description:<\/p>\n\n\n\n
  1. This is an example of the html code in the template of the popup.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
    \"Magento<\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"
    In order to display multi-step popups in the Magento 2 Newsletter Popup extension, you need to select any popup you’ve created before and specify another popup that will be displayed after clicking on the element in its HTML code. In order to perform this, add an attribute with a popup ID that needs to be … <\/p>\n
    Continue reading “Display Multi-step Newsletter Popup”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[285],"tags":[],"yoast_head":"\nDisplay Multi-step Newsletter Popup - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"In order to display multi-step popups in the Magento 2 Newsletter Popup extension, you need to select any popup you've created before and specify another\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/plumrocket.com\/docs\/magento-newsletter-popup\/v4\/devguide\/display-multi-step\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Display Multi-step Newsletter Popup\" \/>\n<meta property=\"og:description\" content=\"In order to display multi-step popups in the Magento 2 Newsletter Popup extension, you need to select any popup you've created before and specify another\" \/>\n<meta property=\"og:url\" content=\"\/docs\/magento-newsletter-popup\/v4\/devguide\/display-multi-step\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-01T10:48:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-24T08:51:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2020\/05\/Magento_2_newsletter_popup_developer27s_guide_2.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Plumrocket\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Display Multi-step Newsletter Popup - Plumrocket Documentation","description":"In order to display multi-step popups in the Magento 2 Newsletter Popup extension, you need to select any popup you've created before and specify another","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:\/\/plumrocket.com\/docs\/magento-newsletter-popup\/v4\/devguide\/display-multi-step","og_locale":"en_US","og_type":"article","og_title":"Display Multi-step Newsletter Popup","og_description":"In order to display multi-step popups in the Magento 2 Newsletter Popup extension, you need to select any popup you've created before and specify another","og_url":"\/docs\/magento-newsletter-popup\/v4\/devguide\/display-multi-step","og_site_name":"Plumrocket Documentation","article_published_time":"2021-07-01T10:48:34+00:00","article_modified_time":"2021-09-24T08:51:42+00:00","og_image":[{"url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2020\/05\/Magento_2_newsletter_popup_developer27s_guide_2.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/plumrocket.com\/docs\/#website","url":"https:\/\/plumrocket.com\/docs\/","name":"Plumrocket Documentation","description":"Extensions docs, troubleshootings etc.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/plumrocket.com\/docs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"\/docs\/magento-newsletter-popup\/v4\/devguide\/display-multi-step#primaryimage","inLanguage":"en-US","url":"\/docs\/wp-content\/uploads\/2020\/05\/Magento_2_newsletter_popup_developer27s_guide_2.jpg","contentUrl":"\/docs\/wp-content\/uploads\/2020\/05\/Magento_2_newsletter_popup_developer27s_guide_2.jpg"},{"@type":"WebPage","@id":"\/docs\/magento-newsletter-popup\/v4\/devguide\/display-multi-step#webpage","url":"\/docs\/magento-newsletter-popup\/v4\/devguide\/display-multi-step","name":"Display Multi-step Newsletter Popup - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"primaryImageOfPage":{"@id":"\/docs\/magento-newsletter-popup\/v4\/devguide\/display-multi-step#primaryimage"},"datePublished":"2021-07-01T10:48:34+00:00","dateModified":"2021-09-24T08:51:42+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20"},"description":"In order to display multi-step popups in the Magento 2 Newsletter Popup extension, you need to select any popup you've created before and specify another","breadcrumb":{"@id":"\/docs\/magento-newsletter-popup\/v4\/devguide\/display-multi-step#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["\/docs\/magento-newsletter-popup\/v4\/devguide\/display-multi-step"]}]},{"@type":"BreadcrumbList","@id":"\/docs\/magento-newsletter-popup\/v4\/devguide\/display-multi-step#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Magento 2 Extensions","item":"https:\/\/plumrocket.com\/magento-extensions"},{"@type":"ListItem","position":2,"name":"Magento 2 Newsletter Popup","item":"https:\/\/plumrocket.com\/magento-newsletter-popup"},{"@type":"ListItem","position":3,"name":"Documentation","item":"https:\/\/plumrocket.com\/docs\/magento-newsletter-popup"},{"@type":"ListItem","position":4,"name":"v3","item":"https:\/\/plumrocket.com\/docs\/magento-newsletter-popup\/v3"},{"@type":"ListItem","position":5,"name":"Developer Guide","item":"https:\/\/plumrocket.com\/docs\/magento-newsletter-popup\/v3\/devguide"},{"@type":"ListItem","position":6,"name":"Display Multi-step"}]},{"@type":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20","name":"Plumrocket","image":{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/72392a92ae750c66560be284502b6676?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/72392a92ae750c66560be284502b6676?s=96&d=mm&r=g","caption":"Plumrocket"},"sameAs":["https:\/\/plumrocket.com\/docs"]}]}},"_links":{"self":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/20424"}],"collection":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/comments?post=20424"}],"version-history":[{"count":3,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/20424\/revisions"}],"predecessor-version":[{"id":24374,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/20424\/revisions\/24374"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=20424"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=20424"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=20424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}