Product support

Get help in the plugin support forum.

  • Added on May 1, 2019
  • Current version: 1.0.5
  • Platform Compatibility
    v3.x not tested
    v2.x use latest
    v1.x use latest
  • License: Regular / Extended
  • Created by


Stripe Payment Gateway for Shopaholic plugin

Installation guide

Add omnipay/stripe and ignited/laravel-omnipay packages to the composer.json of your project.

    "require": [
        "ignited/laravel-omnipay": "3.*",
        "omnipay/stripe": "^3.1"

Execute below at the root of your project.

composer update

Setting up the payment method

In Settings > Catalog Configuration > Payment Methods create new payment method. Choose Stripe payment gateway and create.

Enter your Stripe public key in "API Key public" field and your secret key in "apiKey" fields.

PaymentCardForm component

Collecting user bank card details to process the order.

You have 2 options: make payment request right after order is created (using MakeOrder component) or first create the order, then collect card details for payment request and finally do the payment request (using OrderPage component).

Payment using MakeOrder component

In this approach you need to integrate stripe payment form (Stripe.js quickstart) with PaymentCardForm component and MakeOrder form and generate a stripe token from the user's input. Don't forget to insert your public Stripe API key into sample stripe js code. Then you need to save this token to the order record into the payment_token field using 'shopaholic.order.after_create' event.

Also if the Stripe is default gateway your application uses - you can set auto assigning Stripe payment method to every order created.

Example of front-end implementation:

stripe.createToken(card).then(function(result) {
    if (result.error) {
        // Inform the user if there was an error.
        var errorElement = document.getElementById('card-errors');
        errorElement.textContent = result.error.message;
    } else {
        // Send the token to your server.

function stripeTokenHandler(token) {
        'stripeToken': token.id,
        'order': {
            'payment_method_id': $('[name="order[payment_method_id]"]').val()

function makeOrder(data_additional) {
    var data = {
        'order': {
            'property': {
                'address': $('#address-field').val(),
                'city': $('#city-field').val(),
                'message': $('#message-field').val()
        'user': {
            'email': $('#email-field').val(),
            'name': $('#name-field').val()
    let data_merged = {...data, ...data_additional};

    $.request('MakeOrder::onCreate', {
        'data': data_merged

Payment using OrderPage component

This approach allows to first create the order and then to collect user's card details separately. Here you need to use PaymentCardForm independently also integrating with (Stripe.js bank card form). PaymentCardForm onUpdateToken method will save generated token to the order (expecting stripeToken post parameter).

mode = "ajax"
redirect_on = 1
redirect_page = "order_success"
slug = "{{ :slug }}"
slug_required = 1
{% if PaymentCardForm.get() %}
<form method="post" id="payment-form">
    <div class="form-row">
        <label for="card-element">
            Credit or debit card
        <div id="card-element">
            <!-- A Stripe Element will be inserted here. -->

        <!-- Used to display form errors. -->
        <div id="card-errors" role="alert"></div>

    <button>Submit Payment</button>
{% endif %}

// js code from Stripe.js quickstart link replacing public Stripe API key with your own
var stripe = Stripe({{ PaymentCardForm.get().payment_method.getObject.getProperty('api_key_public') }});

Then using OrderPage component and it's method onPurchase you can trigger the payment request to Stripe using saved token as payment source.

Payment Intent example (thanks to Vojta Svoboda)

New method PaymentCardForm.getPaymentIntentClientSecret() available from v1.0.4.

title = "Order complete"
url = "/checkout/:slug"
layout = "eshop"
is_hidden = 0

slug = "{{ :slug }}"
slug_required = 1

mode = "ajax"
redirect_on = 1
redirect_page = "order-complete"
slug = "{{ :slug }}"
slug_required = 1
{% set order = PaymentCardForm.get() %}
{% set payment = order.payment_method.getObject() %}

{% if order.status_id == 1 and payment.gateway_id == "Stripe\\Checkout" %}
    <form method="post" id="payment-form">
        <button>Submit payment</button>

      $('#payment-form').on('submit', function (e) {
{% endif %}


© 2019, under Commercial License.

Developed by Art Gek.

  • Found the plugin not useful on 1 Apr, 2024

    Money paid, plugin is not working:

    1Composer could not detect the root package (october/october) version, defaulting to '1.0.0'. See https://getcomposer.org/root-version 2Loading composer repositories with package information 3Updating dependencies 4Your requirements could not be resolved to an installable set of packages. 5Problem 1 6- Root composer.json requires vdomah/stripeshopaholic-plugin ^1.0, found vdomah/stripeshopaholic-plugin[dev-master] but it does not match the constraint.

    Please make a refund.


Stripe payment method to Stripe Charge; Stripe Payment Intents and Stripe Checkout methods added

Feb 14, 2022


Payment Intent method with example

Jan 30, 2022


apiKey field back: called Client Secret

Jan 10, 2022


Omnipay v3 | clientSecret field

Jan 10, 2022


Fix compatibility with OctoberCMS v2. Ability to Stripe select payment gateway in payment method form.

Jan 10, 2022


Initialize plugin.

May 01, 2019