1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Header JavaScript issue...

Discussion in 'Free Divi Community Forum' started by pbyford, Jan 21, 2019.

  1. pbyford

    pbyford New Member

    Hi all. I'm new here. I've been learning to build websites in my spare time for about a year. I love Divi and I built and am working on a site for a friend. jscspowerwash.com .

    He wanted a website and I wanted to learn so he's let me take care of it from the ground up. He does pressure washing and recently got set up with housecallpro.com and they gave him a script to add to the site's header in order to place an "Online Booking" or "Book Now" (something like that) button to the top of every page so it's easy to get to. The recommend using the Header and Footer plugin. Tried that and it didn't work. I then tried adding it from the Divi Integration tab in theme options. Then I tried the Code module to see if that did anything and I have had no luck. This is brand new to me. I tried searching the forums here but was unable to find what I was looking for. Sorry if I missed it.

    The script is.... <script type='text/javascript' src='https://housecallpro.com/assets/Boo...5a3c2f482b42a11bb&path=JS-Custom-Services-LLC'></script>

    He said that's exactly what they emailed to him.
    Any help would be greatly appreciated. Thanks in advance.
     
    #1 pbyford, Jan 21, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    I tried to post the code in WP Admin > Divi > Theme Options > Integration > body & it works. See screenshot below.
    Make sure that you Enable body code as well.
    upload_2019-1-22_16-13-4.png
    Two main issues:
    1. The booking button is being hidden behind the Divi fixed navigation.
    2. Do note that this will link to housecallpro.com JS file. It's best to store the JS file locally on your new Divi site.
     
    #2 Divi.Help, Jan 22, 2019
  3. pbyford

    pbyford New Member

    Well, I tired putting it in the body and that still did not work. I'm sure I'm missing something simple, but again this is brand new to me.
    While I wouldn't think it would cause any interference, there is a Google Analytics global site tag already in the body that an SEO company put there. Was I wrong in that assumption?
     
    #3 pbyford, Jan 22, 2019
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    The google code shouldn't affect it. You can also try to enable the header code & paste it in the <head> instead. It worked on my side as well.
     
    #4 Divi.Help, Jan 22, 2019
(You must log in or sign up to post here.)