Jump to content

Widgets & Other Code Injection Changes

Recommended Posts

Site URL: https://www.marshdecorating.co.uk/

Hi all, I have a number of requests that, when I reached out to Squarespace they couldn't answer and said to post here. If anyone can help, this would be great:

  1. On contact page (attached) I have code to integrate WhatsApp widget from Elfsight web apps. Attached is where I want it to appear.

    <script src="https://apps.elfsight.com/p/platform.js" defer></script>
    <div class="elfsight-app-d3e223f6-f561-4ef3-b1a7-2e1b7b04a789"></div>
     
  2. On contact page I have a button to a quote form. In header I also have a button but is there anyway to link it to same lightbox form? I can only seem to redirect it to contact page where they would then have to open the form.
     
  3. On the dropdowns, how can I add underline on hover over of the menu items? How can I change it so when menu is open the arrow faces up (at the moment it doesnt move and is always facing down)
     
  4. Across the site I have used orange buttons, but on one homepage section (attached) I want to do black ghost buttons only (so black outline and text, on hover over the button can turn orange or black fill). How do I change the design of these buttons only?
     
  5. On request a quote form I want to add a field to upload images, is this possible in any way?

Thanks in advance for any help to these queries.
Kirk

Snip20220208_132.png

Snip20220208_133.png

Snip20220208_134.png

Snip20220208_135.png

Link to comment
On 2/8/2022 at 7:00 PM, KirkMarsh said:

Site URL: https://www.marshdecorating.co.uk/

Hi all, I have a number of requests that, when I reached out to Squarespace they couldn't answer and said to post here. If anyone can help, this would be great:

  1. On contact page (attached) I have code to integrate WhatsApp widget from Elfsight web apps. Attached is where I want it to appear.

    <script src="https://apps.elfsight.com/p/platform.js" defer></script>
    <div class="elfsight-app-d3e223f6-f561-4ef3-b1a7-2e1b7b04a789"></div>
     
  2. On contact page I have a button to a quote form. In header I also have a button but is there anyway to link it to same lightbox form? I can only seem to redirect it to contact page where they would then have to open the form.
     
  3. On the dropdowns, how can I add underline on hover over of the menu items? How can I change it so when menu is open the arrow faces up (at the moment it doesnt move and is always facing down)
     
  4. Across the site I have used orange buttons, but on one homepage section (attached) I want to do black ghost buttons only (so black outline and text, on hover over the button can turn orange or black fill). How do I change the design of these buttons only?
     
  5. On request a quote form I want to add a field to upload images, is this possible in any way?

Thanks in advance for any help to these queries.
Kirk

Snip20220208_132.png

Snip20220208_133.png

Snip20220208_134.png

Snip20220208_135.png

I 've tried on my demo site and it works properly. Where are you putting it?

image.thumb.png.7e1d672d6e306ab9e375dd4be8a7086f.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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