Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1092852
    mattheltzel
    Participant

    Hi all,

    Trying to use SumoMe popup (triggered by a click on my creative CTA)…

    Here’s the code that I have in my raw content:

    <a class="x-creative-cta slide-top" href="javascript:void(0);" onclick="olark('api.box.expand')" target="_blank" style="padding: 4%; color: #ffffff; background-color: rgb(31, 143, 199);" data-x-element="creative_cta" data-x-params="{&quot;animation&quot;:&quot; slide-top&quot;,&quot;bg_color&quot;:&quot;rgb(31, 143, 199)&quot;,&quot;bg_color_hover&quot;:&quot;hsl(200, 70%, 60%)&quot;}"><span class="text" style="font-size: 115%;">Schedule A Live Demo Today!</span><span class="graphic"><i style="margin: 0; font-size: 42px;" class="x-icon-thumbs-o-up" data-x-icon=""></i></span></a>

    Currently, the href is set to open a chat window for Olark, but I’m trying to get rid of that. I want instead a popup with SumoMe to open. Here’s the code I’m given from them:

    <a data-sumome-listbuilder-id="268f85e3-ab72-421a-bbed-596340848c9e">Click Here</a>

    They also give this as an example:

    `<button data-sumome-listbuilder-id=”268f85e3-ab72-421a-bbed-596340848c9e”>Click Here</button>

    Any help with how I can make that code work in my creative CTA? Thanks!!!

    https://www.renaissancepassport.com is my website.

    #1093004
    Rupok
    Member

    Hi there,

    Such code should be placed within RAW Content or Text Element.

    Thanks

    #1094302
    mattheltzel
    Participant

    I understand that but you didn’t answer my question. I’m trying to essentially combine their code with my current raw content CTA button. I want my CTA button to link to the sumome popup. How can I do that?

    #1094819
    Rupok
    Member

    Hi there,

    Sorry for the confusion. Are you looking to integrate lightbox to open the code with CTA button? You can follow this walkthrough – https://community.theme.co/kb/shortcode-walkthrough-lightbox/

    If you are looking for something else, kindly clarify a bit with an example.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1092852 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>