Kiran15 Posted October 1, 2022 Share Posted October 1, 2022 how do i add the logo of these payments methods.and then write powered by stripe. Link to comment
Beyondspace Posted October 1, 2022 Share Posted October 1, 2022 2 hours ago, Kiran15 said: how do i add the logo of these payments methods.and then write powered by stripe. 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, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight 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
creedon Posted October 1, 2022 Share Posted October 1, 2022 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
Kiran15 Posted October 4, 2022 Author Share Posted October 4, 2022 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
tuanphan Posted October 6, 2022 Share Posted October 6, 2022 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
creedon Posted October 6, 2022 Share Posted October 6, 2022 @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. tuanphan 1 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
creedon Posted October 8, 2022 Share Posted October 8, 2022 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
Cyperpunk-girl-333 Posted October 15, 2022 Share Posted October 15, 2022 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment