Jump to content

OnClick Button Action

Recommended Posts

Site URL: http://foxandvamp.squarespace.com/

Hi All

Another questions from me please!

I have a "Pay with..." Button I need to incorporate on a website.

The developer tools for the finance company are a little vague as far as I can see.

The code they've provided was the minimum to get the button onto the website, but there's no action actually linked with the button when you click it. When I try and any "onclick" action, it breaks the code for the presentation of the button.

I've contacted them for assistance, but in the meantime, can anyone help here please?

Screenshot 2021-04-09 at 09.12.56.png

Link to comment
  • Replies 6
  • Views 798
  • Created
  • Last Reply
16 minutes ago, richardgreencreative said:

Site URL: http://foxandvamp.squarespace.com/

Hi All

Another questions from me please!

I have a "Pay with..." Button I need to incorporate on a website.

The developer tools for the finance company are a little vague as far as I can see.

The code they've provided was the minimum to get the button onto the website, but there's no action actually linked with the button when you click it. When I try and any "onclick" action, it breaks the code for the presentation of the button.

I've contacted them for assistance, but in the meantime, can anyone help here please?

Screenshot 2021-04-09 at 09.12.56.png

what is your site password

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 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
1 minute ago, richardgreencreative said:

Apologies, again!

 

PW: london88

 

Thank you!

What is the code you used to add the button onto the site

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 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

Added using a code block

 

<button class="payl8r-checkout-button payl8r-checkout-button--teal">
  <div class="payl8r-checkout-button__center">Pay with
    <span class="payl8r-checkout-button__logo "></span>
  </div>
</button>

 

Within Custom CSS

 

@import url("https://foxandvamp.squarespace.com/s/checkout-button-style.css");

 

Thanks

Link to comment
1 minute ago, richardgreencreative said:

Added using a code block

 

<button class="payl8r-checkout-button payl8r-checkout-button--teal">
  <div class="payl8r-checkout-button__center">Pay with
    <span class="payl8r-checkout-button__logo "></span>
  </div>
</button>

 

Within Custom CSS

 

@import url("https://foxandvamp.squarespace.com/s/checkout-button-style.css");

 

Thanks

It should come with some javascript part, so far you only added the styling and html markup part

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 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

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.