Jump to content

adding payment logo to the footer of my site

Recommended Posts

2 hours ago, Kiran15 said:

how do i add the logo of these payments methods.and then write powered by stripe.

 

Payment-methods.png

You can consider using image block to add this image on footer.

About the payment on check out, kindly refer from this link: https://support.squarespace.com/hc/en-us/articles/235161188-Connecting-a-payment-processor-to-Commerce

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

Please see the following.

It won't solve your powered by stripe issue but I attempt to use only official SVG icons from official creditors for SS.

Note: SS only supports PayPal and Stripe as payment processors. But those payment processors accept many forms of payments, which my code attempts to cover, within the restrictions I have defined.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
On 10/1/2022 at 1:44 AM, creedon said:

Please see the following.

It won't solve your powered by stripe issue but I attempt to use only official SVG icons from official creditors for SS.

Note: SS only supports PayPal and Stripe as payment processors. But those payment processors accept many forms of payments, which my code attempts to cover, within the restrictions I have defined.

 

hey,

i tried doing this but i don't need Afterpay.

i tried reading the entire post but could not understand how to remove icons and change the background color as i am not a developer. if you could help me out i would be really grateful to you.

thanks

Link to comment
On 10/5/2022 at 2:26 AM, Kiran15 said:

 

hey,

i tried doing this but i don't need Afterpay.

i tried reading the entire post but could not understand how to remove icons and change the background color as i am not a developer. if you could help me out i would be really grateful to you.

thanks

Can you share link to your site, we can give code to hide Afterpay

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

@Kiran15

I'm working on an update that adds American Express and changes the whole configuration code. You may want to hold off on pursuing my code until I release an update.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
Quote

I'm working on an update that adds American Express and changes the whole configuration code.

I have updated my code. You can find a link to it in an earlier post of mine in this thread.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Add this as a code injection 

 

If you want to use mine otherwise convert the image as a SVG then upload it as a code block 

you can turn a file into a SVG using canva.com 

 


<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="280px" height="280px" viewBox="0 0 810 809.999993" version="1.2">
<defs>
<clipPath id="clip1">
  <path d="M 654 409 L 767 409 L 767 423.808594 L 654 423.808594 Z M 654 409 "/>
</clipPath>
<clipPath id="clip2">
  <path d="M 707 331 L 767.355469 331 L 767.355469 405 L 707 405 Z M 707 331 "/>
</clipPath>
<clipPath id="clip3">
  <path d="M 437.011719 348.902344 L 600.171875 348.902344 L 600.171875 402.152344 L 437.011719 402.152344 Z M 437.011719 348.902344 "/>
</clipPath>
<clipPath id="clip4">
  <path d="M 521.394531 366.011719 C 521.300781 373.445312 527.933594 377.59375 532.933594 380.0625 C 538.070312 382.59375 539.789062 384.214844 539.769531 386.480469 C 539.734375 389.945312 535.679688 391.472656 531.878906 391.53125 C 525.253906 391.636719 521.402344 389.71875 518.34375 388.269531 L 515.953125 399.582031 C 519.023438 401.015625 524.714844 402.269531 530.613281 402.324219 C 544.460938 402.324219 553.519531 395.398438 553.570312 384.664062 C 553.621094 371.039062 534.964844 370.285156 535.09375 364.195312 C 535.136719 362.347656 536.878906 360.375 540.6875 359.875 C 542.574219 359.621094 547.78125 359.429688 553.683594 362.183594 L 556.003906 351.238281 C 552.832031 350.066406 548.746094 348.945312 543.664062 348.945312 C 530.636719 348.945312 521.464844 355.964844 521.394531 366.011719 M 578.273438 349.890625 C 575.742188 349.890625 573.613281 351.382812 572.664062 353.675781 L 552.882812 401.519531 L 566.71875 401.519531 L 569.472656 393.808594 L 586.378906 393.808594 L 587.980469 401.519531 L 600.171875 401.519531 L 589.527344 349.886719 L 578.273438 349.886719 M 580.203125 363.835938 L 584.199219 383.222656 L 573.261719 383.222656 L 580.203125 363.835938 M 504.621094 349.886719 L 493.710938 401.519531 L 506.898438 401.519531 L 517.796875 349.886719 L 504.621094 349.886719 M 485.113281 349.886719 L 471.390625 385.03125 L 465.839844 355.148438 C 465.1875 351.8125 462.617188 349.886719 459.757812 349.886719 L 437.324219 349.886719 L 437.011719 351.386719 C 441.617188 352.398438 446.847656 354.03125 450.019531 355.78125 C 451.960938 356.847656 452.511719 357.78125 453.148438 360.316406 L 463.664062 401.519531 L 477.597656 401.519531 L 498.960938 349.886719 L 485.113281 349.886719 "/>
</clipPath>
<linearGradient id="linear0" gradientUnits="userSpaceOnUse" x1="0.458279" y1="-0.0368037" x2="0.552181" y2="1.039085" gradientTransform="matrix(163.160842,0,0,-53.376301,437.01147,402.322557)">
<stop offset="0" style="stop-color:rgb(13.299561%,13.699341%,34.098816%);stop-opacity:1;"/>
<stop offset="0.015625" style="stop-color:rgb(13.299561%,13.699341%,34.100342%);stop-opacity:1;"/>
<stop offset="0.0234375" style="stop-color:rgb(13.304138%,13.763428%,34.22699%);stop-opacity:1;"/>
<stop offset="0.03125" style="stop-color:rgb(13.313293%,13.88855%,34.47876%);stop-opacity:1;"/>
<stop offset="0.0390625" style="stop-color:rgb(13.323975%,14.015198%,34.73053%);stop-opacity:1;"/>
<stop offset="0.046875" style="stop-color:rgb(13.33313%,14.14032%,34.983826%);stop-opacity:1;"/>
<stop offset="0.0546875" style="stop-color:rgb(13.343811%,14.266968%,35.235596%);stop-opacity:1;"/>
<stop offset="0.0625" style="stop-color:rgb(13.352966%,14.393616%,35.487366%);stop-opacity:1;"/>
<stop offset="0.0703125" style="stop-color:rgb(13.363647%,14.518738%,35.739136%);stop-opacity:1;"/>
<stop offset="0.078125" style="stop-color:rgb(13.372803%,14.645386%,35.992432%);stop-opacity:1;"/>
<stop offset="0.0805094" style="stop-color:rgb(13.383484%,14.772034%,36.244202%);stop-opacity:1;"/>
<stop offset="0.0859375" style="stop-color:rgb(13.388062%,14.834595%,36.37085%);stop-opacity:1;"/>
<stop offset="0.09375" style="stop-color:rgb(13.392639%,14.897156%,36.495972%);stop-opacity:1;"/>
<stop offset="0.101562" style="stop-color:rgb(13.40332%,15.023804%,36.747742%);stop-opacity:1;"/>
<stop offset="0.109375" style="stop-color:rgb(13.412476%,15.148926%,37.001038%);stop-opacity:1;"/>
<stop offset="0.117187" style="stop-color:rgb(13.423157%,15.275574%,37.252808%);stop-opacity:1;"/>
<stop offset="0.125" style="stop-color:rgb(13.432312%,15.402222%,37.504578%);stop-opacity:1;"/>
<stop offset="0.132812" style="stop-color:rgb(13.442993%,15.527344%,37.756348%);stop-opacity:1;"/>
<stop offset="0.140625" style="stop-color:rgb(13.452148%,15.653992%,38.009644%);stop-opacity:1;"/>
<stop offset="0.148438" style="stop-color:rgb(13.46283%,15.78064%,38.261414%);stop-opacity:1;"/>
<stop offset="0.15625" style="stop-color:rgb(13.471985%,15.905762%,38.513184%);stop-opacity:1;"/>
<stop offset="0.164062" style="stop-color:rgb(13.48114%,16.03241%,38.764954%);stop-opacity:1;"/>
<stop offset="0.171875" style="stop-color:rgb(13.491821%,16.157532%,39.01825%);stop-opacity:1;"/>
<stop offset="0.179687" style="stop-color:rgb(13.500977%,16.28418%,39.27002%);stop-opacity:1;"/>
<stop offset="0.1875" style="stop-color:rgb(13.511658%,16.410828%,39.52179%);stop-opacity:1;"/>
<stop offset="0.195312" style="stop-color:rgb(13.520813%,16.53595%,39.77356%);stop-opacity:1;"/>
<stop offset="0.203125" style="stop-color:rgb(13.531494%,16.662598%,40.026855%);stop-opacity:1;"/>
<stop offset="0.210938" style="stop-color:rgb(13.540649%,16.789246%,40.278625%);stop-opacity:1;"/>
<stop offset="0.21875" style="stop-color:rgb(13.551331%,16.914368%,40.530396%);stop-opacity:1;"/>
<stop offset="0.226562" style="stop-color:rgb(13.560486%,17.041016%,40.782166%);stop-opacity:1;"/>
<stop offset="0.234375" style="stop-color:rgb(13.571167%,17.166138%,41.035461%);stop-opacity:1;"/>
<stop offset="0.242187" style="stop-color:rgb(13.580322%,17.292786%,41.287231%);stop-opacity:1;"/>
<stop offset="0.25" style="stop-color:rgb(13.591003%,17.419434%,41.539001%);stop-opacity:1;"/>
<stop offset="0.257812" style="stop-color:rgb(13.600159%,17.544556%,41.790771%);stop-opacity:1;"/>
<stop offset="0.265625" style="stop-color:rgb(13.61084%,17.671204%,42.044067%);stop-opacity:1;"/>
<stop offset="0.273438" style="stop-color:rgb(13.619995%,17.797852%,42.295837%);stop-opacity:1;"/>
<stop offset="0.28125" style="stop-color:rgb(13.630676%,17.922974%,42.547607%);stop-opacity:1;"/>
<stop offset="0.289062" style="stop-color:rgb(13.639832%,18.049622%,42.799377%);stop-opacity:1;"/>
<stop offset="0.296875" style="stop-color:rgb(13.650513%,18.174744%,43.052673%);stop-opacity:1;"/>
<stop offset="0.304688" style="stop-color:rgb(13.659668%,18.301392%,43.304443%);stop-opacity:1;"/>
<stop offset="0.3125" style="stop-color:rgb(13.670349%,18.42804%,43.556213%);stop-opacity:1;"/>
<stop offset="0.320312" style="stop-color:rgb(13.679504%,18.553162%,43.807983%);stop-opacity:1;"/>
<stop offset="0.328125" style="stop-color:rgb(13.690186%,18.67981%,44.059753%);stop-opacity:1;"/>
<stop offset="0.335937" style="stop-color:rgb(13.699341%,18.806458%,44.313049%);stop-opacity:1;"/>
<stop offset="0.34375" style="stop-color:rgb(13.710022%,18.93158%,44.564819%);stop-opacity:1;"/>
<stop offset="0.351562" style="stop-color:rgb(13.719177%,19.058228%,44.816589%);stop-opacity:1;"/>
<stop offset="0.359375" style="stop-color:rgb(13.728333%,19.18335%,45.068359%);stop-opacity:1;"/>
<stop offset="0.367187" style="stop-color:rgb(13.739014%,19.309998%,45.321655%);stop-opacity:1;"/>
<stop offset="0.375" style="stop-color:rgb(13.748169%,19.436646%,45.573425%);stop-opacity:1;"/>
<stop offset="0.382812" style="stop-color:rgb(13.75885%,19.561768%,45.825195%);stop-opacity:1;"/>
<stop offset="0.390625" style="stop-color:rgb(13.768005%,19.688416%,46.076965%);stop-opacity:1;"/>
<stop offset="0.398437" style="stop-color:rgb(13.778687%,19.815063%,46.330261%);stop-opacity:1;"/>
<stop offset="0.40625" style="stop-color:rgb(13.787842%,19.940186%,46.582031%);stop-opacity:1;"/>
<stop offset="0.414062" style="stop-color:rgb(13.798523%,20.066833%,46.833801%);stop-opacity:1;"/>
<stop offset="0.421875" style="stop-color:rgb(13.807678%,20.191956%,47.085571%);stop-opacity:1;"/>
<stop offset="0.429687" style="stop-color:rgb(13.818359%,20.318604%,47.338867%);stop-opacity:1;"/>
<stop offset="0.4375" style="stop-color:rgb(13.827515%,20.445251%,47.590637%);stop-opacity:1;"/>
<stop offset="0.445312" style="stop-color:rgb(13.838196%,20.570374%,47.842407%);stop-opacity:1;"/>
<stop offset="0.453125" style="stop-color:rgb(13.847351%,20.697021%,48.094177%);stop-opacity:1;"/>
<stop offset="0.460937" style="stop-color:rgb(13.858032%,20.823669%,48.347473%);stop-opacity:1;"/>
<stop offset="0.46875" style="stop-color:rgb(13.867188%,20.948792%,48.599243%);stop-opacity:1;"/>
<stop offset="0.476562" style="stop-color:rgb(13.877869%,21.075439%,48.851013%);stop-opacity:1;"/>
<stop offset="0.484375" style="stop-color:rgb(13.887024%,21.200562%,49.102783%);stop-opacity:1;"/>
<stop offset="0.492187" style="stop-color:rgb(13.897705%,21.327209%,49.356079%);stop-opacity:1;"/>
<stop offset="0.5" style="stop-color:rgb(13.90686%,21.453857%,49.607849%);stop-opacity:1;"/>
<stop offset="0.507812" style="stop-color:rgb(13.917542%,21.578979%,49.859619%);stop-opacity:1;"/>
<stop offset="0.515625" style="stop-color:rgb(13.926697%,21.705627%,50.111389%);stop-opacity:1;"/>
<stop offset="0.523437" style="stop-color:rgb(13.937378%,21.83075%,50.364685%);stop-opacity:1;"/>
<stop offset="0.53125" style="stop-color:rgb(13.946533%,21.957397%,50.616455%);stop-opacity:1;"/>
<stop offset="0.539062" style="stop-color:rgb(13.957214%,22.084045%,50.868225%);stop-opacity:1;"/>
<stop offset="0.546875" style="stop-color:rgb(13.96637%,22.209167%,51.119995%);stop-opacity:1;"/>
<stop offset="0.554687" style="stop-color:rgb(13.975525%,22.335815%,51.373291%);stop-opacity:1;"/>
<stop offset="0.5625" style="stop-color:rgb(13.986206%,22.462463%,51.625061%);stop-opacity:1;"/>
<stop offset="0.570312" style="stop-color:rgb(13.995361%,22.587585%,51.876831%);stop-opacity:1;"/>
<stop offset="0.578125" style="stop-color:rgb(14.006042%,22.714233%,52.128601%);stop-opacity:1;"/>
<stop offset="0.585937" style="stop-color:rgb(14.015198%,22.839355%,52.381897%);stop-opacity:1;"/>
<stop offset="0.59375" style="stop-color:rgb(14.025879%,22.966003%,52.633667%);stop-opacity:1;"/>
<stop offset="0.601562" style="stop-color:rgb(14.035034%,23.092651%,52.885437%);stop-opacity:1;"/>
<stop offset="0.609375" style="stop-color:rgb(14.045715%,23.217773%,53.137207%);stop-opacity:1;"/>
<stop offset="0.617187" style="stop-color:rgb(14.054871%,23.344421%,53.390503%);stop-opacity:1;"/>
<stop offset="0.625" style="stop-color:rgb(14.065552%,23.471069%,53.642273%);stop-opacity:1;"/>
<stop offset="0.632812" style="stop-color:rgb(14.074707%,23.596191%,53.894043%);stop-opacity:1;"/>
<stop offset="0.640625" style="stop-color:rgb(14.085388%,23.722839%,54.145813%);stop-opacity:1;"/>
<stop offset="0.648437" style="stop-color:rgb(14.094543%,23.847961%,54.399109%);stop-opacity:1;"/>
<stop offset="0.65625" style="stop-color:rgb(14.105225%,23.974609%,54.650879%);stop-opacity:1;"/>
<stop offset="0.664062" style="stop-color:rgb(14.11438%,24.101257%,54.902649%);stop-opacity:1;"/>
<stop offset="0.671875" style="stop-color:rgb(14.125061%,24.226379%,55.154419%);stop-opacity:1;"/>
<stop offset="0.679687" style="stop-color:rgb(14.134216%,24.353027%,55.407715%);stop-opacity:1;"/>
<stop offset="0.6875" style="stop-color:rgb(14.144897%,24.479675%,55.659485%);stop-opacity:1;"/>
<stop offset="0.695312" style="stop-color:rgb(14.154053%,24.604797%,55.911255%);stop-opacity:1;"/>
<stop offset="0.703125" style="stop-color:rgb(14.164734%,24.731445%,56.163025%);stop-opacity:1;"/>
<stop offset="0.710937" style="stop-color:rgb(14.173889%,24.856567%,56.416321%);stop-opacity:1;"/>
<stop offset="0.71875" style="stop-color:rgb(14.18457%,24.983215%,56.668091%);stop-opacity:1;"/>
<stop offset="0.726562" style="stop-color:rgb(14.193726%,25.109863%,56.919861%);stop-opacity:1;"/>
<stop offset="0.734375" style="stop-color:rgb(14.204407%,25.234985%,57.171631%);stop-opacity:1;"/>
<stop offset="0.742187" style="stop-color:rgb(14.213562%,25.361633%,57.424927%);stop-opacity:1;"/>
<stop offset="0.75" style="stop-color:rgb(14.224243%,25.488281%,57.676697%);stop-opacity:1;"/>
<stop offset="0.757812" style="stop-color:rgb(14.233398%,25.613403%,57.928467%);stop-opacity:1;"/>
<stop offset="0.765625" style="stop-color:rgb(14.242554%,25.740051%,58.180237%);stop-opacity:1;"/>
<stop offset="0.773437" style="stop-color:rgb(14.253235%,25.865173%,58.433533%);stop-opacity:1;"/>
<stop offset="0.78125" style="stop-color:rgb(14.26239%,25.991821%,58.685303%);stop-opacity:1;"/>
<stop offset="0.789062" style="stop-color:rgb(14.273071%,26.118469%,58.937073%);stop-opacity:1;"/>
<stop offset="0.796875" style="stop-color:rgb(14.282227%,26.243591%,59.188843%);stop-opacity:1;"/>
<stop offset="0.804688" style="stop-color:rgb(14.292908%,26.370239%,59.442139%);stop-opacity:1;"/>
<stop offset="0.8125" style="stop-color:rgb(14.302063%,26.496887%,59.693909%);stop-opacity:1;"/>
<stop offset="0.820312" style="stop-color:rgb(14.312744%,26.622009%,59.945679%);stop-opacity:1;"/>
<stop offset="0.828125" style="stop-color:rgb(14.321899%,26.748657%,60.197449%);stop-opacity:1;"/>
<stop offset="0.835938" style="stop-color:rgb(14.332581%,26.873779%,60.450745%);stop-opacity:1;"/>
<stop offset="0.84375" style="stop-color:rgb(14.341736%,27.000427%,60.702515%);stop-opacity:1;"/>
<stop offset="0.851562" style="stop-color:rgb(14.352417%,27.127075%,60.954285%);stop-opacity:1;"/>
<stop offset="0.859375" style="stop-color:rgb(14.361572%,27.252197%,61.206055%);stop-opacity:1;"/>
<stop offset="0.867188" style="stop-color:rgb(14.372253%,27.378845%,61.459351%);stop-opacity:1;"/>
<stop offset="0.875" style="stop-color:rgb(14.381409%,27.505493%,61.711121%);stop-opacity:1;"/>
<stop offset="0.882812" style="stop-color:rgb(14.39209%,27.630615%,61.962891%);stop-opacity:1;"/>
<stop offset="0.890625" style="stop-color:rgb(14.401245%,27.757263%,62.214661%);stop-opacity:1;"/>
<stop offset="0.898438" style="stop-color:rgb(14.411926%,27.882385%,62.466431%);stop-opacity:1;"/>
<stop offset="0.90625" style="stop-color:rgb(14.421082%,28.009033%,62.719727%);stop-opacity:1;"/>
<stop offset="0.914062" style="stop-color:rgb(14.431763%,28.135681%,62.971497%);stop-opacity:1;"/>
<stop offset="0.919491" style="stop-color:rgb(14.440918%,28.260803%,63.223267%);stop-opacity:1;"/>
<stop offset="0.921875" style="stop-color:rgb(14.447021%,28.32489%,63.349915%);stop-opacity:1;"/>
<stop offset="0.929688" style="stop-color:rgb(14.451599%,28.387451%,63.475037%);stop-opacity:1;"/>
<stop offset="0.9375" style="stop-color:rgb(14.460754%,28.514099%,63.728333%);stop-opacity:1;"/>
<stop offset="0.945312" style="stop-color:rgb(14.471436%,28.639221%,63.980103%);stop-opacity:1;"/>
<stop offset="0.953125" style="stop-color:rgb(14.480591%,28.765869%,64.231873%);stop-opacity:1;"/>
<stop offset="0.96875" style="stop-color:rgb(14.491272%,28.913879%,64.527893%);stop-opacity:1;"/>
<stop offset="1" style="stop-color:rgb(14.498901%,28.999329%,64.698792%);stop-opacity:1;"/>
</linearGradient>
<clipPath id="clip5">
  <path d="M 211 352 L 272 352 L 272 413.121094 L 211 413.121094 Z M 211 352 "/>
</clipPath>
<clipPath id="clip6">
  <path d="M 205 346.371094 L 264 346.371094 L 264 407 L 205 407 Z M 205 346.371094 "/>
</clipPath>
<clipPath id="clip7">
  <path d="M 204 346.371094 L 265 346.371094 L 265 407 L 204 407 Z M 204 346.371094 "/>
</clipPath>
<clipPath id="clip8">
  <path d="M 36.550781 327.058594 L 189.257812 327.058594 L 189.257812 423.808594 L 36.550781 423.808594 Z M 36.550781 327.058594 "/>
</clipPath>
</defs>
<g id="surface1">
<g clip-path="url(#clip1)" clip-rule="nonzero">
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(13.729858%,

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.