Jump to content

Adding a design my night widget code to buttons

Recommended Posts

Posted (edited)

Site URL: http://stgileshousenorwich.com

Hello I am trying to add a widget to various buttons for 'book a table' - it is to connect to a website called design my night..I have the code.. I want it to work like this website example - https://www.thegeorgiantownhousenorwich.com

 

This is the widget code - 

  <link rel="stylesheet" type="text/css" href="https://onsass.designmynight.com/?background-color=%23FFFFFF&primary-color=%236DA8A6&body-text-color=%23000000&outer-border-color=gray"><script src="//widgets.designmynight.com/bookings-partner.min.js" dmn-booking-form="true" venue="6723405b105e4703430135a4" hide-offers="true" hide-powered-by="false" search-venues="false" monday-first="true" locale="undefined" show-type-first="true" return-url="https://www.stgileshousenorwich.com/home" return-method="post"></script>

 

Please can someone help. Thanks

Edited by wethreeclub
Posted
9 minutes ago, wethreeclub said:

This is the widget code - 

This is a stand-alone widget, you don't need to add it to a button, but to a code block.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted
1 minute ago, wethreeclub said:

But I wanted it to react and work like the website I have sent over..how do I do this?

Are you referring to the button click that opens a full-screen booking experience?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted
Just now, wethreeclub said:

It is the book now button, that then has different options, if you click on it, it creates a lightbox in the middle of the screen..is this possible?

You would have to check DesignMyNight to see if they have this type of experience as a widget. It's possible in Squarespace but not "powered by Squarespace". If DesignMyNight doesn't have that, then there might be a way with a lightbox plugin if DesignMyNight at least has a full screen embed option.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.