{"id":20430,"date":"2021-07-01T14:07:35","date_gmt":"2021-07-01T11:07:35","guid":{"rendered":"https:\/\/plumrocket.com\/docs\/?p=20430"},"modified":"2021-09-24T05:05:13","modified_gmt":"2021-09-24T09:05:13","slug":"how-to-display-multi-step-newsletter-popup","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-newsletter-popup\/v4\/devguide\/display-multi-step","title":{"rendered":"How to Display Multi-step Newsletter Popup"},"content":{"rendered":"\n

In order to display multi-step popups in Magento 2 Newsletter Popup<\/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 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 Magento 2 Newsletter Popup, 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 popup ID that needs to be displayed to the … <\/p>\n
    Continue reading “How to 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":[286],"tags":[],"yoast_head":"\nHow to Display Multi-step Newsletter Popup - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"In order to display multi-step popups in Magento 2 Newsletter Popup, you need to select any popup you've created before, and specify another popup that\" \/>\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=\"How to Display Multi-step Newsletter Popup\" \/>\n<meta property=\"og:description\" content=\"In order to display multi-step popups in Magento 2 Newsletter Popup, you need to select any popup you've created before, and specify another popup that\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/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-01T11:07:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-24T09:05:13+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":"How to Display Multi-step Newsletter Popup - Plumrocket Documentation","description":"In order to display multi-step popups in Magento 2 Newsletter Popup, you need to select any popup you've created before, and specify another popup that","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":"How to Display Multi-step Newsletter Popup","og_description":"In order to display multi-step popups in Magento 2 Newsletter Popup, you need to select any popup you've created before, and specify another popup that","og_url":"https:\/\/plumrocket.com\/docs\/magento-newsletter-popup\/v4\/devguide\/display-multi-step","og_site_name":"Plumrocket Documentation","article_published_time":"2021-07-01T11:07:35+00:00","article_modified_time":"2021-09-24T09:05:13+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":"https:\/\/plumrocket.com\/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":"https:\/\/plumrocket.com\/docs\/magento-newsletter-popup\/v4\/devguide\/display-multi-step#webpage","url":"https:\/\/plumrocket.com\/docs\/magento-newsletter-popup\/v4\/devguide\/display-multi-step","name":"How to Display Multi-step Newsletter Popup - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-newsletter-popup\/v4\/devguide\/display-multi-step#primaryimage"},"datePublished":"2021-07-01T11:07:35+00:00","dateModified":"2021-09-24T09:05:13+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20"},"description":"In order to display multi-step popups in Magento 2 Newsletter Popup, you need to select any popup you've created before, and specify another popup that","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-newsletter-popup\/v4\/devguide\/display-multi-step#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-newsletter-popup\/v4\/devguide\/display-multi-step"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/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":"v4","item":"https:\/\/plumrocket.com\/docs\/magento-newsletter-popup\/v4"},{"@type":"ListItem","position":5,"name":"Developer Guide","item":"https:\/\/plumrocket.com\/docs\/magento-newsletter-popup\/v4\/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\/20430"}],"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=20430"}],"version-history":[{"count":2,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/20430\/revisions"}],"predecessor-version":[{"id":24376,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/20430\/revisions\/24376"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=20430"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=20430"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=20430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}