I want to add my custom coded payment gateway in my checkout page.

Store Design

Topic summary

Main issue: adding a custom-coded payment gateway directly into the checkout page.

What was attempted: the OP shared Liquid/HTML/CSS/JS that injects a credit card form (French labels) into checkout using a ‘contact’ form, hides default checkout elements via CSS, and captures card number, name, expiry, plus hidden fields for email, phone, order number, and total.

Key update: a responder states that editing the checkout page code is only available on Shopify Plus, meaning standard Shopify plans cannot customize checkout and must keep the default flow.

Implications: the proposed custom payment form cannot be implemented on non-Plus stores within checkout. No alternative or workaround was provided in the thread.

Outcome/status: no resolution or actionable path beyond the platform limitation; effectively blocked unless upgrading to Shopify Plus.

Notes: the shared code snippet is central to understanding the request, but its integration at checkout is restricted by plan-level capabilities.

Summarized with AI on February 9. AI used: gpt-5.
1

Hello Friends
Greetings of the day
Kindly guide me to add this custom coded payment gateway in my checkout page.

.form-payment { background-color: #fafafa !important; border: 1px solid #d9d9d9; padding: 1.1428571429em !important; } .form-payment label{ display : none !important; } .form-payment .submit{ text-align: center; } .form-payment .card-verification { margin-bottom : 15px !important; } .os-header__heading { margin-bottom : 20px !important; } .os-header__heading .os-header__title{ display: none !important; opacity: 0 !important; visibility: hidden !important; } .content-box:first-of-type{ display: none !important; opacity: 0 !important; visibility: hidden !important; }

{% form ‘contact’, class: ‘form-payment’ %}
{{ form.errors | default_errors }}

Carte de crédit

Numéro de carte
Nom sur la carte
Date d'expiration (MM/AA)
Prénom
Nom
E-mail
Téléphone
Numéro de la commande
Total de la commande
Message
{% endform %}

  1. / ↩︎

2

Hey! I also wanted to edit the checkout page with code, but discovered it is only a shopify plus feature, so our checkout has to remain the way it is :slightly_smiling_face: