Install Enfold Child Theme License / Form Embedding Issue

Hi Mike,

Thank you for your response!

I have created a test page and copied the original embed code from the new form builder as instructed.

Here’s the backend preview: https://www.ritahyland.com/wp-admin/post.php?post=11567&action=edit&classic-editor
And here’s the privately published URL: https://www.ritahyland.com/test-page-only/

As you’ll see, when the ‘LET’S GET STARTED’ button is clicked, it navigates to a new page instead of floating on the current page or triggering as a modal.

The “SIGN UP FOR THE PODCAST POPUP” overlay appears on the page, but the content/button remains visible.

Regarding the codes, please see below:

HOMEPAGE (Form Embed Code) –
<iframe
src=”https://link.mightyrealmedia.com/widget/form/gV1yYcpxZ4HF072oSS8b&#8221;
style=”display:none;width:100%;height:100%;border:none;border-radius:0px”
id=”popup-gV1yYcpxZ4HF072oSS8b”
data-layout=”{‘id’:’POPUP’}”
data-trigger-type=”showOnScrolling”
data-trigger-value=”20″
data-activation-type=”alwaysActivated”
data-activation-value=””
data-deactivation-type=”neverDeactivate”
data-deactivation-value=””
data-form-name=”OPT-IN: RH WEBSITE HOMEPAGE [CURRENT]”
data-height=”242″
data-layout-iframe-id=”popup-gV1yYcpxZ4HF072oSS8b”
data-form-id=”gV1yYcpxZ4HF072oSS8b”
title=”OPT-IN: RH WEBSITE HOMEPAGE [CURRENT]”
>
</iframe>
<script src=”https://link.mightyrealmedia.com/js/form_embed.js”></script&gt;

PODCAST (Form Embed Code) –
<iframe
src=”https://link.mightyrealmedia.com/widget/form/SKLq9d3FYMp3PKRXYTbs&#8221;
style=”display:none;width:100%;height:100%;border:none;border-radius:0px”
id=”popup-SKLq9d3FYMp3PKRXYTbs”
data-layout=”{‘id’:’POPUP’}”
data-trigger-type=”showAfter”
data-trigger-value=”5″
data-activation-type=”alwaysActivated”
data-activation-value=””
data-deactivation-type=”neverDeactivate”
data-deactivation-value=””
data-form-name=”OPT-IN: RH WEBSITE PODCAST PAGE [CURRENT]”
data-height=”521″
data-layout-iframe-id=”popup-SKLq9d3FYMp3PKRXYTbs”
data-form-id=”SKLq9d3FYMp3PKRXYTbs”
title=”OPT-IN: RH WEBSITE PODCAST PAGE [CURRENT]”
>
</iframe>
<script src=”https://link.mightyrealmedia.com/js/form_embed.js”></script&gt;

We’re looking forward to your assistance since this project holds significant importance for us. We have an extensive list of forms to migrate from the New CRM, and we are at a point where we must either find a solution or make a decision regarding the migration.

Thank you very much!

Gee

Hi Mike,

Here are the exact codes that are currently on both code blocks of the Test page:

HOMEPAGE –

<script async data-uid="gV1yYcpxZ4HF072oSS8b" src="https://link.mightyrealmedia.com/js/form_embed.js"></script>
<center><a data-sv-toggle="gV1yYcpxZ4HF072oSS8b" href="https://link.mightyrealmedia.com/widget/form/gV1yYcpxZ4HF072oSS8b" class="button" style="background-color:#F2CFC2"><span style="color: #000000 !important;">LET'S GET STARTED</span></a></center>

When I include both the above code and the form embed code, it doesn’t work. However, if I only use the above code, including the form link within it, it works, but not in pop-up mode.

PODCAST –

<iframe 
          src="https://link.mightyrealmedia.com/widget/form/SKLq9d3FYMp3PKRXYTbs" 
          style="display:none;width:100%;height:100%;border:none;border-radius:0px"
          id="popup-SKLq9d3FYMp3PKRXYTbs" 
        data-layout="{'id':'POPUP'}"
        data-trigger-type="showAfter"
        data-trigger-value="5"
        data-activation-type="alwaysActivated"
        data-activation-value=""
        data-deactivation-type="neverDeactivate"
        data-deactivation-value=""
        data-form-name="OPT-IN: RH WEBSITE PODCAST PAGE [CURRENT]"
        data-height="521"
        data-layout-iframe-id="popup-SKLq9d3FYMp3PKRXYTbs"
        data-form-id="SKLq9d3FYMp3PKRXYTbs"
        title="OPT-IN: RH WEBSITE PODCAST PAGE [CURRENT]"
      >
        </iframe>
        <script src="https://link.mightyrealmedia.com/widget/form/SKLq9d3FYMp3PKRXYTbs"></script>
<div class="podcastsignup" style="text-align: center;"><a href="https://link.mightyrealmedia.com/widget/form/SKLq9d3FYMp3PKRXYTbs" data-formkit-toggle="SKLq9d3FYMp3PKRXYTbs">[av_font_icon icon='ue805' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#ffffff' size='30px' position='left' custom_class='' av_uid='av-2x9i3q'][/av_font_icon]<span style="color: #000000 !important; padding-left: -30px;"> Sign up for Future Episodes</span></a>

This code combines elements from the current Podcast page and the form Embed code from the new CRM. The popup works, but it doesn’t overlap properly on the page; the footer button is still visible instead of being grayed out.

You can compare the correct functionality on the live page itself:
Homepage – https://www.ritahyland.com/
Podcast page – https://www.ritahyland.com/podcast/

And that’s what we’re trying to achieve as we migrate the forms from ConvertKit to the new CRM.

I hope this clarifies the situation. Please let me know if there’s anything else I should do on my end to resolve this.

We truly appreciate your patience and assistance!

Best Regards,
Gee

Hi Mike,

Thank you for your message and for taking the time to test the new CRM’s embed code and link code for the popup.

Yes, it appears that there might be some issues with the new CRM’s default settings for popups, as you mentioned. It’s indeed surprising that their technical team couldn’t get their own code to work as intended. Your effort to hack the buttons to make them work as popups on the test page is appreciated.

However, can you possibly make the Podcast page’s form automatically pop up after accessing the page in 5 seconds? That’s how it originally functions.

Thanks again for your input and assistance in troubleshooting this issue.

Best regards,
Gee

Super! Thank you so much, Mike!