{"version":"1.0","provider_name":"Divi Extended Documentation","provider_url":"https:\/\/diviextended.com\/documentation","author_name":"Divi Extended","author_url":"https:\/\/diviextended.com\/documentation\/author\/diviextended\/","title":"Trigger popup using another Divi module (CSS ID or class) - Divi Extended Documentation","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"q7vERV5MaX\"><a href=\"https:\/\/diviextended.com\/documentation\/divi-modal-popup\/trigger-popup-using-another-divi-module\/\">Trigger popup using another Divi module (CSS ID or class)<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/diviextended.com\/documentation\/divi-modal-popup\/trigger-popup-using-another-divi-module\/embed\/#?secret=q7vERV5MaX\" width=\"600\" height=\"338\" title=\"&#8220;Trigger popup using another Divi module (CSS ID or class)&#8221; &#8212; Divi Extended Documentation\" data-secret=\"q7vERV5MaX\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/diviextended.com\/documentation\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","description":"In order to trigger a Divi Modal Popup on click of another Divi Module here are the steps. We have used the CSS ID method in this case. This is how your module structure will look like in this case. Here the entire button module will be used as a trigger. You can create a [&hellip;]","thumbnail_url":"https:\/\/diviextended.com\/documentation\/wp-content\/uploads\/2021\/06\/divi-button-add-di-sm-2.png","thumbnail_width":387,"thumbnail_height":293}