Jump to content

Payment Icons - Homepage

Recommended Posts

Hi,

I was looking to add payment icons to the footer of my homepage so my customer's can see which type of payments are be accepted on my website e.g. Visa, Mastercard ( I am currently registered with Stripe). Squarespace do no offer this at the moment so they have suggested I reach out on this forum to see if anybody has a code which  I could use. 

Can anybody help?

Many thanks

Suzanne

Link to comment
14 hours ago, AlexyCarry said:

 

On 8/18/2020 at 10:20 PM, Dellos said:

try this image Clipping-Path-Client-Pyment-Method.png?w

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 months later...

There are essentially three ways to do this:

  • You can add an appropriate image in an Image Block (as @tuanphan suggested) 
  • You can add the appropriate SVGs for the payment methods and chain them together with some simple HTML in a Code or Markdown Block.
  • You can use an icon font like FontAwesome and then use HTML to place the FA icons in a Code or Markdown Block

The specific code will depend upon the payment methods you want to advertise and the way you want them to look (colour/monochrome, flat, 3D, etc). Stripe offers different methods in different countries and some stores may use PayPal.

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

Link to comment
  • 3 months later...
2 hours ago, LilyStatureAus said:

Does anybody have code for this?

Did the answer above not help you?

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

Link to comment
  • 6 months later...

The site I designed uses Paypal and Stripe. I am by no means a web developer.

Add this code within the footer page.

Adjust position using the align="". PayPal and Stripe URL's link to UK/GB sites.

<!-- PayPal & Stripe Logo --><table border="0" cellpadding="" cellspacing="" align=""><tr><td align=""></td></tr><tr><td align="left"><a href="https://www.paypal.com/uk/webapps/mpp/paypal-popup" target="_blank"><img src="https://www.paypalobjects.com/webstatic/mktg/logo/bdg_secured_by_pp_2line.png" border="" alt="Secured by PayPal" width="159" height="55"> 
</a><a href="https://stripe.com/gb/payments" target="_blank"><img src="https://cdn.brandfolder.io/KGT2DTA4/at/v5bcwzcgcmgbp3676v3rg79q/Powered_by_Stripe_-_white.png" border="0" alt="Powered by Stripe" width="159" height="36"><div style="text-align:left"></div></td></tr></table><!-- PayPal & Stripe Logo -->

 

Capture.PNG

Edited by joebloggs87
Link to comment
  • 2 years later...
On 8/20/2020 at 3:08 AM, tuanphan said:

 

try this image Clipping-Path-Client-Pyment-Method.png?w

@tuanphan Hello, I would like to add payment icons to the bottom of my website as well, however I am looking for something more modern. I'd like to include Affirm and Klarna. I also just learned the Maestro has begun to phase out in parts of Europe. Thank you. 🫡

Link to comment
16 hours ago, tuanphan said:

So you want icons: Affirm, Klarna, Mastercard, Visa, Maestro, American Express?

Yes please, and instead of maestro I’d like PayPal. I’m currently working on directing some dns settings with my.sirv, so my website is currently down.

Link to comment
3 hours ago, eddiedreamz said:

Yes please, and instead of maestro I’d like PayPal. I’m currently working on directing some dns settings with my.sirv, so my website is currently down.

Do you have these icons? Can you send, I will code and give you full code to add them to site.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 5/7/2024 at 7:23 PM, eddiedreamz said:

I would like to add payment icons….I'd like to include Affirm

Affirm isn’t available on Squarespace. 

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

Link to comment
2 hours ago, tuanphan said:

Do you have these icons? Can you send, I will code and give you full code to add them to site.

I can get them for you first thing in the morning/afternoon. Sorry to be on a tangent @tuanphan , I was trying to prepare my website for my.sirv (a website for 3D product models) but I am unsure what I am doing wrong. Sirv states to have a CNAME pointing to my sirv account but end up with a black screen stating “apiunkown” or something like that. I will upload screenshots first thing in the morning with more details. Thanks.

Link to comment
8 hours ago, eddiedreamz said:

I can get them for you first thing in the morning/afternoon. Sorry to be on a tangent @tuanphan , I was trying to prepare my website for my.sirv (a website for 3D product models) but I am unsure what I am doing wrong. Sirv states to have a CNAME pointing to my sirv account but end up with a black screen stating “apiunkown” or something like that. I will upload screenshots first thing in the morning with more details. Thanks.

image.thumb.png.e76fec94b92588746fc11c2dbb15203b.png

image.thumb.png.f43960d8e7637d49fdfd851237144427.png

Link to comment
1 hour ago, eddiedreamz said:

image.thumb.png.e76fec94b92588746fc11c2dbb15203b.png

image.thumb.png.f43960d8e7637d49fdfd851237144427.png

I am quite the rookie if you haven't noticed already haha. I think what I was looking for is simply linking the API and not doing a CNAME with the DNS. image.thumb.png.245b60379c078caefe40c3d428c09632.png

Then again I'm not too sure. I plan on having my first products ready for upload this weekend, so I will be able to check exactly what I need to be able to embed my.sirv 3D product models. If you are familiar with my.sirv and how to operate it all help would be greatly appreciated. Thanks @tuanphan

Link to comment
On 5/9/2024 at 1:44 PM, eddiedreamz said:

I am quite the rookie if you haven't noticed already haha. I think what I was looking for is simply linking the API and not doing a CNAME with the DNS. image.thumb.png.245b60379c078caefe40c3d428c09632.png

Then again I'm not too sure. I plan on having my first products ready for upload this weekend, so I will be able to check exactly what I need to be able to embed my.sirv 3D product models. If you are familiar with my.sirv and how to operate it all help would be greatly appreciated. Thanks @tuanphan

Hello I've come to the realization that Squarespace does not offer product embedding. 

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.