Jump to content

Use custom code in menu?

Recommended Posts

Site URL: https://workbold.com/

Hi!

I really don't think this is possible without some serious coding skills, but i'm trying to add custom code to the top menu. The code is a div and java script from Lusha that I wan't to use instead of the "contact" button. When the visitor add their e-mail it goes into Hubspot.

Is this possible at all?

Skärmklipp 2020-06-15 12.33.27.png

Link to comment
  • Replies 4
  • Created
  • Last Reply
21 minutes ago, msFalke said:

Site URL: https://workbold.com/

Hi!

I really don't think this is possible without some serious coding skills, but i'm trying to add custom code to the top menu. The code is a div and java script from Lusha that I wan't to use instead of the "contact" button. When the visitor add their e-mail it goes into Hubspot.

Is this possible at all?

Skärmklipp 2020-06-15 12.33.27.png

The custom code injection is javascript/css and is placed in header/footer so you can modify the site content no need to inject the custom code in the placement of the Contact

Is your Hubspot account provides api to connect the input field?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

 

30 minutes ago, bangank36 said:

The custom code injection is javascript/css and is placed in header/footer so you can modify the site content no need to inject the custom code in the placement of the Contact

Is your Hubspot account provides api to connect the input field?

Yes, I could put the javascript in the header, but I guess the div is the main problem.

Lusha handles the api connection with Hubspot, it is only that I can't place the div with the input field and button in the main menu.

Link to comment
5 minutes ago, msFalke said:

 

Yes, I could put the javascript in the header, but I guess the div is the main problem.

Lusha handles the api connection with Hubspot, it is only that I can't place the div with the input field and button in the main menu.

You can manipulate DOM element using javascript, can replace the CONTACT button content by a element that contains the input and button.

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
8 minutes ago, bangank36 said:

You can manipulate DOM element using javascript, can replace the CONTACT button content by a element that contains the input and button.

Thank you so much! This was really helpful!

Think I can solve it now 😄

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.