Integrating Stripe Payment Link with Shifter

This document explains how to integrate Stripe Payment Link with Shifter to sell products on a site built with Shifter.

Requirements:

  • A Shifter account
  • A website
  • A Stripe account
  • The products you want to sell and their details
  • (Optional) Product images

Setup:

Phase 1: Stripe Configuration

  1. Log in to the Stripe dashboard: https://dashboard.stripe.com/login
  2. Enable the test environment:
    Since we’re setting this up in test mode, enable this option.
  3. With the test environment enabled
  4. Add a product: Click the [Add Product] button.
  5. Enter and configure product information
  6. Save product information: Click the [Save Product]
    button.
  7. Product information has been saved
  8. Create a payment link: Click [Create Payment Link]
    .
  9. Select a type, configure options, and preview:
    A preview of the payment screen will appear in the right column; make adjustments while reviewing it.
  10. Once you’ve finalized your settings, click the [Create Link]
    button.
  11. Click the [Copy] button: Copy the generated payment
    URL.

Phase 2: Shifter Settings

  1. Log in to the Shifter dashboard: https://go.getshifter.io/
  2. Launch WordPress
  3. Access the WordPress dashboard
  4. Create a static page: Click [Static Pages] → [Add New].
  5. Enter the title and content
  6. Set up the purchase button: Add a purchase button.
  7. Paste the copied Stripe Payment Link URL
  8. The button now has the Stripe Payment Link URL set
  9. Publish the static page
  10. Check the display and functionality before static generation

Phase 3:
Create and Publish the Deployment

  1. Click the [Deploy]
    button on the Shifter dashboard.
  2. Stop WordPress and wait for the build to complete
  3. Check that the deployment status is [Published] or [Publishing]. If it shows [Ready], click the [Publish] button to publish it.
  4. Click the URL to access the site

  1. Go to the site’s URL → Access the product page.

  2. Click the [Buy]
    button to verify that you are redirected to the checkout screen. Enter the required information (*)
    and complete a test payment.* Since this is test mode, you can use a credit card number for testing and debugging.

  3. Payment completion screen

  4. Check the Stripe
    dashboard to confirm that the sale has been recorded

Migrating to the Production Environment

This document describes procedures performed in a test environment.

  1. Click the [Copy to Production] button to copy the data
    (if you want to replicate the same product in the production environment).
  2. Create a new Stripe Payment Link from the production environment
  3. Launch WordPress from the Shifter dashboard: Replace the
    test URL with the URL of the Stripe Payment Link you generated for the production environment.
  4. Update the static page
  5. Return to the Shifter
    dashboard and create and publish a deployment

Note:
When conducting actual product transactions, disclosures required by the Act on Specified Commercial Transactions are necessary. Be sure to create and publish these in advance on a static page or similar.