How To Offer Sezzle On Shopify

❗️

Shopify has disabled its Hosted Payment SDK and the legacy Sezzle payment gateway integration.

This guide describes how to integrate Sezzle into your Shopify website so that you can provide Sezzle as a payment option for your customers. After integrating Sezzle, your Shopify site will:

1. Offer Sezzle as a payment option on the checkout page.
2. Refund Sezzle payments from your Shopify club direction organisation.
3. Display Sezzle promotional messaging.
4. Authorize and capture payments.

1. Install and configure the Sezzle Payments app
2. Examination your integration
3. (Optional) Sandbox Testing

1. You should have a Sezzle merchant business relationship.

• Please visit our signup page if you don't have an account.

2. Brand sure y'all have the following Sezzle details handy.

• Merchant ID
• Public API Central
• Individual API Key

3. Familiarize yourself with the transaction menses when buying with Sezzle.

1. Click on Add app by navigating to the Sezzle Payments app.
2. Once the app is installed, you will exist prompted to enter your production Sezzle public and individual API keys.
   For most merchants, we are able to pre-fill the public and private API keys based on the Shopify store. If we cannot uniquely identify the merchant based on the Shopify store, you lot will be required to fill in the keys.
3. Click update settings to verify your Sezzle business relationship.
4. Y'all volition be redirected to the payment settings page, where you will need to activate Sezzle Payments for your store.
5. Click Activate.
6. Once that is consummate you should meet Sezzle available as a payment method for your shop.

To validate that you lot've successfully installed the new Payments App:
Yous should run across Sezzle Payments installed in your Settings > Payments.

🚧

Exist certain to activate Sezzle Payments

Without activating Sezzle Payments, Sezzle will not appear in the checkout and the installation process is not consummate. Verify this step has been completed.

1. In the Sezzle configuration folio of your Shopify admin, enter the API Keys from your Sezzle Merchant Dashboard and uncheck the Enable Exam Mode checkbox, then save the configuration.
2. On your website, add an item to your cart, then continue to Checkout and select Sezzle every bit the payment method.
3. Click Identify Order.

4. If y'all are redirected to the Sezzle checkout page, your integration is complete. Congratulations!
5. Warning Don't complete the payment. Your checkout is now live, and then you will exist charged if you complete.

1. I have my Shopify Payment Capture set to Manual. What practise I need to do?

Sezzle Payments will laurels your Shopify Payment Capture setting. If yous are set to Manual, so you volition need to manually capture payment on orders paid for by Sezzle. The potency flow can vary past Sezzle merchant, then we highly recommend you check the Sezzle authorization expiration at Settings > ecommerce in the Sezzle merchant dashboard. You can adjust this expiration period according to your needs.

2. I have multiple stores on Shopify. What do I practise?

There are several ways to install the payments app on your shop. We recommend yous utilize an incognito browser for this procedure. Navigate to https://{your-shop.myshopify.com}/admin/settings/payments/alternative-providers/1057901 where the your-store.myshopify.com is to exist replaced with the URL of your store. One time you log into the store, the rest of the process is the same. To install the payments app for some other store, make certain to shut the incognito browser and open a new session on the incognito browser.

3. The social club number in Shopify appeared in the merchant dashboard on Sezzle. I don't see it anymore?

Sezzle no longer has access to the Shopify order number. To track orders from Sezzle on Shopify, click the relevant order then Click on Information from the gateway. The payment ID should match the ID in the Sezzle Merchant Dashboard under the Reference-ID cavalcade.

Shopify club details

Reference ID within Sezzle Merchant Dashboard

You can too search in Shopify Admin for Orders for the payment id using the format receipt.payment_id: <payment_id>.

Searching for an gild in Shopify

4. I have the Sezzle inventory locking characteristic enabled today. Will this be enabled with the new app?

Unfortunately, no. Sezzle will no longer have access to view and adjust the inventory of a Shopify store. Without these permissions, nosotros are unable to offer this feature alongside the new payment app.

5. Will I be able to refund orders placed through the legacy gateway later moving to the new app?

Yes, refunds will work every bit usual from the Shopify Orders page for orders placed through the legacy gateway.

With the new Sezzle Payments app, sandbox testing tin can be enabled in your Shopify admin past navigating to Settings > Payments > Sezzle Payments, click Manage, check Enable test mode and click Save. Also, be sure to click the Manage button in Sezzle Payments, enter your sandbox API keys, cheque Testing with Sandbox API Keys and click update settings.

1. Log in to your website'southward Shopify admin.
   
2. In your Sezzle Merchant Dashboard Setup Checklist, click Install Sezzle Widget app.
   
3. Click Get the App.
   
4. Click Install App.
   

5. Within the Sezzle Widget app, enter your Public API Central and click link sezzle business relationship.
   

1. Once your account is linked, select the theme you wish to edit.
   

If you are using Shopify 2.0, it is recommended that y'all use our guide to integrate widgets with Shopify blocks here or our guide to integrate the Sezzle Checkout Button using Shopify blocks hither

2. Under Embed Blocks, click preview product page widgets or preview cart page widgets to preview widgets on your shop.
   

3. In the Embed Block Editor panel, change the font size and font family as desired, then click Save.
   

4. Activate the Sezzle Checkout Push button embed block, and then click to aggrandize and change the button theme and content equally desired.
   
5. Click Salvage.
   

If the Sezzle Widget app is not able to automatically install the Sezzle widget or checkout push button on your storefront, please use the Asking Assistance form within the app to contact the Sezzle Merchant Integrations team.

Annotation: The Asking Help form in the Sezzle Widget app is for widget and checkout button assist only. For questions regarding your account or issues with the Sezzle payment choice at checkout, delight accomplish out to [email protected]

The Sezzle Merchant Integrations team does not respond to inquiries. If you request a response or if we need to contact you regarding your asking, we will forward the response through our Merchant Support team.

App Blocks are compatible with Shopify 2.0 themes only. If you wish to install widgets and checkout push on a vintage theme, please refer to the instructions for Embed Blocks above.

1. In your Shopify Admin, go to Online Shop > Themes.
   
2. Click the green "Customize" push on the desired theme.
   

3. Click on the dropdown carte du jour at the top centre of the screen and select "Products" and complete the remaining steps below for each of the production templates yous want the widget to appear on, as well as the Cart page.
   
4. Nether "Product Data" click "+ Add cake" and select "Sezzle Widget".
   
5. In the left sidebar drag the "Sezzle Widget" cake under the "Price" block (or wherever y'all'd like the widget positioned on the page).
   
6. In the App Cake editor panel, adjust font family unit and font size as desired, then click Save.
   

If instead of a widget you see ruby text that says "Please complete the account verification step in ‵Sezzle Widget′ app to return widgets", return to the Sezzle Widget app and enter your public API key.

1. In your Shopify Admin, go to Online Store > Themes.
   
2. Click the greenish "Customize" button on the desired theme.
   

3. Click on the dropdown menu at the top centre of the screen and select "Cart".
   
4. Under "Subtotal" click "+ Add cake" and select "Sezzle Checkout Button".
   
5. In the left sidebar drag the "Sezzle Checkout Push" cake under the "Checkout push button" cake (or wherever you lot'd similar the button positioned on the page).
   
6. In the App Block editor panel, suit button template and theme as desired, and then click Save.
   

• Template can exist set to Checkout with Sezzle or Pay with Sezzle.
  
• Theme tin can be ready to lite or dark.
  
• The default placement will identify the Sezzle Checkout Button after default checkout button and inherit page styles.
  
  • If unchecked, the button will be placed as indicated by the drag-and-drop placement. Styles may also be afflicted, based on the placement selected.
    

If instead of a checkout button you see red text that says "Please complete the account verification step in ‵Sezzle Widget′ app to render widgets", return to the Sezzle Widget app and enter your public API central.

1. In your Shopify Admin, go to Online Store > Themes.
   
2. Click the dark-green "Customize" button on the desired theme.
   
3. Click the Extensions icon in the left toolbar.
   
4. Toggle the desired embed block(south) to the OFF position, and then click Save.
   

1. In your Shopify Admin, go to Online Shop > Themes.
   
2. Click the light-green "Customize" button on the desired theme.
   
3. Click on the dropdown menu at the top centre of the screen and select "Products" and complete the remaining steps below for each of the product templates you want the widget to be removed from, as well as the Cart folio.
   
4. In the left sidebar, select the Sezzle Widget section.
   
5. At the lesser of the Editor console, click Remove Block so click Salve.
   
6. Click on the dropdown card at the top middle of the screen and select "Cart".
   
7. In the left sidebar, select the Sezzle Checkout Push section.
   
8. At the bottom of the Editor console, click Remove Block then click Save.
   

1. Get to Apps > Sezzle Widget.
   
2. In the meridian-right corner, click the Menu icon, then select App Settings.
   
3. Click Delete App.
   

   Deleting the app will automatically remove all app blocks and embed blocks from all themes. Any lawmaking modify installations will not be removed automatically.
   

If the Shopify app fails to maintain the widget script on the product pages, or to add the script manually for boosted pages, complete the following steps:

1. Go to Sales Channels > Online Store > Themes.
2. Click Actions, and then select Edit Code.
3. In the Code Explorer, go to the Layout folder and select the theme.liquid file.
4. Copy+paste the script to the very bottom of the file, then click Save.

The script to be inserted into your webpage is as follows:

Template:

              <script src="https://widget.sezzle.com/v1/javascript/cost-widget?uuid={sezzle_merchant_uuid}"></script>                          

Update {sezzle_merchant_uuid} in the above script template with your site'south Merchant ID (removing the curly brackets), which can be plant in the Sezzle Merchant Dashboard.

Example:

              <script src="https://widget.sezzle.com/v1/javascript/cost-widget?uuid=12a34bc5-6de7-890f-g123-4hi5678jk901"></script>                          

For assistance with widget configuration, click Request Improver of Widgets in the widget step of your Sezzle Merchant Dashboard Setup Checklist.

If testing was unsuccessful, review the following:

• Sezzle Shopify extension is the nearly updated version.
  • Go to Apps > Sezzle Widget, then click Most. If at that place is an option to upgrade, practise so at present.
• Sezzle gateway is activated.
  • Go to Settings > Payment Providers and ensure "Sezzle is agile" is listed under the Alternative Payment Methods section.
• API Keys were entered correctly.
  • If you lot have multiple accounts with Sezzle, the API Keys are tied to but 1 URL.
  • It is recommended to utilise the Copy icon in the Sezzle Merchant Dashboard to avert typos or extra spaces.
• Widget script is present on your website and reflects the Merchant ID from your Sezzle Merchant Dashboard.
  • If you take multiple accounts with Sezzle, the Merchant ID are tied to just one URL.
  • Go to a product page on your website.
  • Correct-click then select Inspect.
  • In the Elements tab, search for widget.sezzle.
  • If the widget script is not present at all, your theme may not be supported. Contact the Sezzle team for a custom setup.
  • If the widget script URL does non reflect the Merchant ID for this store'southward Sezzle account, it will demand to exist updated. Contact the Sezzle team to inquiry and remedy the cause.
• Widget configuration is present.
  • Go to product page on your website.
  • Right-click and then select Audit.
  • In the Console tab, type document.sezzleConfig.
    • If the value is not undefined and configGroups Array is more than than 0, a config is nowadays.
  • Blocks and Embed Blocks back up a long list of themes. If your theme is not supported, the config volition not be present. Please use the Request Help course to asking custom integration.
• Widget configuration is not being overridden.
  • Go to a production page on your website.
  • Right-click and then select Inspect.
  • In the Source tab, open widget.sezzle.com > v1/javascript > price-widget?uuid={merchant_id}
  • If you see document.sezzleConfig in this file, a config override is present and may be out of engagement. This must be removed or updated from Sezzle's side.
    • Config overrides are necessary for implementing widgets on custom themes or templates, or adding advanced customization options to the widget.
  • If you run into a note in this file stating that widgets for this account have been deactivated, please contact Sezzle team to reactivate them.
• Widget appearance is not to merchant's standards.
• If yous take noticed a bug in the widget, modal, or checkout button please use the Request Assistance form to notify usa of the issue. We tin can and then determine whether this is an result for all merchants or your specific theme and work to resolve accordingly.
• We offering a few select customization options. Please apply the Asking Help course to request whatsoever of the post-obit:
  - Grayscale logo
  - Reflect checkout minimum in widget
  - Reverberate Sezzle/Afterpay dual widget
  - Mode & position changes
  - Conditional rendering for subscription, gift cards, etc.
  - Conditional rendering to a higher place a certain toll threshold

  Note: Implementing customizations may prevent widgets from showing on unpublished themes and volition crave help from the Sezzle team to update widgets when a new theme is published.

Updated nigh ii months ago

---

• Table of Contents
• • Shopify
    • Integration Steps Overview
    • Earlier Yous Brainstorm
    • Install the Sezzle Payments app
    • Shopify Live Checkout
    • FAQS
    • Shopify Sandbox Testing
    • Install the Sezzle Widget app
    • Integrating Widgets and Checkout Button (with Embed Blocks)
    • Request Help
    • Integrating Widgets with App Blocks
    • Integrating Sezzle Checkout Button with App Blocks
    • Uninstalling Embed Blocks
    • Uninstalling App Blocks
    • Uninstalling the Sezzle Widget App
    • Manual Theme Integration
    • Widget Troubleshooting

Source: https://docs.sezzle.com/sezzle-integration/docs/shopify-with-app-blocks-instructions

Share this post