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
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 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
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 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

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 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

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.