Jump to content

THILLSON

Member
  • Posts

    7
  • Joined

  • Last visited

Posts posted by THILLSON

  1. Thanks again.

    I've tried clearing caches in safari and chrome as well as from Firefox on iPhone.  Still no luck.  Is this fix compatible with Mac OSX based browsers? 

    Here's a recording of the Java Console from Chrome.  

    I notice that your Console showed a message "Custom Java Script for Websites Enabled," but my page load didn't get this message.   Could that be the problem/difference? 

    I'm online, if you would be able to look at this via screenshare? 

    thank you again 🙂
    Tony

  2. Hmm, I might have done something wrong as it doesn't seem to be working.

    I changed the code insert to:

    <!-- Calendly Lightbox -->
    <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
    <script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript">
        YUI().use('node', 'event', function (Y) {
            Y.all(".sqs-block-button-element[href*=calendly-lightbox-gsa]").on("click", function(e) {
                Calendly.initPopupWidget({url: 'https://calendly.com/tony-goodservice-coach/customer-strategy-service-assessment?hide_event_type_details=1&text_color=021226&primary_color=f24b59'});
                e.preventDefault();
                return false;
            });
        });    
    </script>
    <!-- END Calendly Lightbox -->

    I called it "calendly-lightbox-gsa" as I will want to call different calendly meetings on pther pages. 

    I've also changed the URL to #calendly-lightbox-gsa for each button.  But when I test the browser is taking me to https://www.goodservice.coach/customer-led-maturity#calendly-lightbox-gsa

    Any ideas?

    cheers

    Tony

     

     

  3. Thanks so much for your help.  

    Just a quick question, will that code apply on all sqs-block-button-element buttons site wide?  I really need it to only apply to these buttons.  Although I will want to do the same thing on other pages.  

    Or does it only apply is the URL of the button is calendly ...? 

    Thank you again for your help 🙂
    Tony

  4. Site URL: https://www.goodservice.coach/customer-led-maturity

    Hi, 

    OK, this is a newbie question sorry.

    I'm trying to get the top 3 CTA buttons (FREE 30-MIN CALL) on this page to call the following code and display it as a popup.

    <!-- Calendly link widget begin -->
    <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
    <script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript"></script>
    <a href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/tony-goodservice-coach/customer-strategy-service-assessment?hide_event_type_details=1&text_color=021226&primary_color=f24b59'});return false;">FREE 30-MIN CALL</a>
    <!-- Calendly link widget end -->

    I managed to hack together a temporary button (example Lightbox), that works, but when i insert this code in the other sections, the alignment, sizing and text alignment all break.

    The Buttons I'm trying to replicate are all based on this element I think, but I don't know how to  beat it into submission so that it inherits the same styling and placement of the top 3 CTA buttons? 

    <a href="" class="sqs-block-button-element--medium sqs-block-button-element" data-initialized="true">Learn more</a>

    Can anyone help?  I'd really appreciate it.

    cheers

    Tony

     

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.