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've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to 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 is optional.

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've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to 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 is optional.

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

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.