{"id":4751,"date":"2023-11-22T12:34:44","date_gmt":"2023-11-22T12:34:44","guid":{"rendered":"https:\/\/coinsnap.io\/coinsnap-for-shopify\/"},"modified":"2024-05-27T06:53:54","modified_gmt":"2024-05-27T06:53:54","slug":"coinsnap-for-shopify","status":"publish","type":"post","link":"https:\/\/dev.os24.work\/en\/coinsnap-for-shopify\/","title":{"rendered":"Coinsnap for Shopify"},"content":{"rendered":"
[vc_row fullwidth=”yes” css=”.vc_custom_1709799595098{margin-top: -150px !important;}” background_color=”#6393c7″][vc_column][vc_empty_space height=”70px”][vc_column_text]\n

Coinsnap for Shopify<\/span><\/h1>\n[\/vc_column_text][vc_empty_space height=”70px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=”20px”][vc_row_inner][vc_column_inner width=”1\/2″][vc_column_text]If you operate a Shopify-based online store, integrating Bitcoin and Lightning payment methods is simple with the Coinsnap Shopify app.<\/p>\n

Simply install the Coinsnap for Shopify plugin, link it to your Coinsnap account and your customers can pay with Bitcoin and Lightning. All incoming Bitcoin transactions are immediately forwarded to your Lightning Wallet and credited.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_single_image image=”3908″ img_size=”full” alignment=”center”][\/vc_column_inner][\/vc_row_inner][vc_column_text]Once you\u2019ve registered with Coinsnap and provided your Lightning address, you can begin the Coinsnap setup on Shopify.<\/p>\n

This comprehensive guide, accompanied by photos, will walk you through the complete process of linking the Coinsnap app with Shopify.<\/p>\n

Instead of integrating Coinsnap into Shopify yourself, you can also use the free Shopify Integration Service. You can find more information on this in the article: Shopify Integration Service.<\/a>[\/vc_column_text][\/vc_column][\/vc_row][vc_row fullwidth=”yes” background_color=”#6393c7″][vc_column][vc_empty_space height=”40px”][vc_column_text]\n

Shopify Demo Store<\/span><\/h2>\n[\/vc_column_text][vc_empty_space height=”20px”][\/vc_column][\/vc_row][vc_row fullwidth=”yes” background_color=”#f2f2f2″ css=”.vc_custom_1713117827326{margin-top: -25px !important;}”][vc_column][vc_column_text css=”.vc_custom_1713117848469{padding-top: 50px !important;}”]If you want to try out for yourself how you can receive Bitcoin and Lightning payments with a Shopify Store, visit our Shopify Demo Store at this link<\/a>.[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/2″][vc_single_image image=”7683″ img_size=”full” alignment=”center”][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_column_text css=”.vc_custom_1713690346169{padding-top: 70px !important;}”]\n

(1) Show all products<\/h3>\n

Once you have opened the page of our demo shop, click on “View products”. You will then be redirected to our product page where you can select the Coinsnap T-shirt test product.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/2″][vc_column_text css=”.vc_custom_1713690365634{padding-top: 80px !important;}”]\n

(1) Buy now<\/h3>\n

Click on the “Buy now” button to start the payment test.[\/vc_column_text][\/vc_column][vc_column width=”1\/2″][vc_single_image image=”7685″ img_size=”full” alignment=”center”][\/vc_column][\/vc_row][vc_row fullwidth=”yes” background_color=”#f2f2f2″][vc_column width=”1\/2″][vc_single_image image=”7687″ img_size=”full” alignment=”center” css=”.vc_custom_1713690378207{padding-top: 30px !important;}”][\/vc_column][vc_column width=”1\/2″][vc_column_text css=”.vc_custom_1713690394002{padding-top: 70px !important;}”]After you have filled in the form with your access data, you will see an overview of your order and the confirmation, which shows you the “Pay with Bitcoin” button.<\/p>\n

Click on it to continue![\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/2″][vc_column_text css=”.vc_custom_1713690411584{padding-top: 130px !important;}”]At the end you will receive a QR code that you should scan with your wallet to pay with Coinsnap Bitcoin and Lighhtning![\/vc_column_text][\/vc_column][vc_column width=”1\/2″][vc_single_image image=”7692″ img_size=”full” alignment=”center”][\/vc_column][\/vc_row][vc_row fullwidth=”yes” background_color=”#6393c7″ css=”.vc_custom_1713117837217{margin-top: -25px !important;}”][vc_column][vc_empty_space height=”40px”][vc_column_text]\n

Set up Coinsnap in your Shopify store system<\/span><\/h2>\n[\/vc_column_text][vc_empty_space height=”20px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=”20px”][vc_row_inner equal_height=”yes” content_placement=”middle”][vc_column_inner width=”1\/2″][vc_column_text css=”.vc_custom_1709811792927{padding-top: 20px !important;}”]\n

The Shopify integration of Coinsnap consists of three parts:<\/h3>\n

1. Setting up the Shopify backend:<\/h4>\n

Create, install, and manage credentials in the Shopify backend.<\/p>\n

2. Linking Shopify with Coinsnap:<\/h4>\n

Adding admin API access token and API key from Shopify to Coinsnap.<\/p>\n

3. Configure the Shopify checkout and payment settings:<\/h4>\n

Shopify checkout and payment settings[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/2″ css=”.vc_custom_1708689863813{background-color: #ffffff !important;}”][vc_single_image image=”3908″ img_size=”full” alignment=”center” onclick=”link_image” css=”.vc_custom_1698916515145{padding-top: 40px !important;}”][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row fullwidth=”yes” background_color=”#ff9900″][vc_column][vc_empty_space height=”40px”][vc_column_text css=”.vc_custom_1709811864494{padding-top: 30px !important;}”]\n

Set up Coinsnap on Shopify<\/span><\/h2>\n[\/vc_column_text][vc_empty_space height=”20px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=”20px”][vc_column_text css=”.vc_custom_1707472887423{padding-top: 20px !important;}”]Once registered on Coinsnap, you can log into your Shopify store and access the Shopify backend.[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/2″][vc_column_text css=”.vc_custom_1707472999674{padding-top: 35px !important;}”]If you haven\u2019t yet set up your Coinsnap account, you can create one using this link<\/a>.<\/p>\n

Upon accessing the Shopify backend, proceed to:<\/p>\n

(1) \u201cSettings\u201d > (2) \u201cApps and Sales Channels\u201d > (3) \u201cDevelop Apps\u201d.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_single_image image=”3701″ img_size=”full” alignment=”center” onclick=”link_image”][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row fullwidth=”yes” css=”.vc_custom_1698913204447{background-color: #f2f2f2 !important;}” background_color=”#f2f2f2″][vc_column width=”1\/2″][vc_single_image image=”3703″ img_size=”full” alignment=”center” onclick=”link_image” css=”.vc_custom_1698913218821{padding-top: 20px !important;}”][\/vc_column][vc_column width=”1\/2″][vc_column_text css=”.vc_custom_1707472922159{padding-top: 40px !important;}”]After selecting \u201cDevelop Apps,\u201d click on the (1) \u201cCreate an App\u201d button.<\/p>\n

This will open a window where you can (2) enter the name of your app.<\/p>\n

After naming your app click on (3) \u201cCreate app\u201d button.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/2″][vc_column_text]On the app\u2019s main page, under the \u201cOverview\u201d tab, select \u201cConfigure Admin API Scopes\u201d (highlighted by a red rectangle in the image).<\/p>\n

In the \u201cFilter Admin Access Scopes\u201d field, input \u201cOrders\u201d or simply scroll down to the \u201cOrders\u201d section.[\/vc_column_text][\/vc_column][vc_column width=”1\/2″][vc_single_image image=”3707″ img_size=”full” alignment=”center” onclick=”link_image”][\/vc_column][\/vc_row][vc_row fullwidth=”yes” css=”.vc_custom_1698913295247{background-color: #f2f2f2 !important;}” background_color=”#f2f2f2″][vc_column width=”1\/2″][vc_single_image image=”3709″ img_size=”full” alignment=”center” onclick=”link_image” css=”.vc_custom_1698913311565{padding-top: 20px !important;}”][\/vc_column][vc_column width=”1\/2″][vc_column_text css=”.vc_custom_1707473016463{padding-top: 55px !important;}”]Within \u201cOrders\u201d, enable both (1) \u201cread_orders\u201d and (2) \u201cwrite_orders\u201d. Once done, click \u201cSave\u201d.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/2″][vc_column_text]\n

(1) Install App<\/h4>\n

Click \u201cInstall App\u201d located at the top right corner.<\/p>\n

(2) Install button<\/h4>\n

Once the pop-up window appears, select \u201cInstall.\u201d Following this, reveal the Admin API access token and copy it.[\/vc_column_text][\/vc_column][vc_column width=”1\/2″][vc_single_image image=”3713″ img_size=”full” alignment=”center” onclick=”link_image” css=”.vc_custom_1698852795963{padding-top: 20px !important;}”][\/vc_column][\/vc_row][vc_row fullwidth=”yes” css=”.vc_custom_1698913397155{background-color: #f2f2f2 !important;}” background_color=”#f2f2f2″][vc_column width=”1\/2″][vc_single_image image=”4447″ img_size=”full” alignment=”center” onclick=”link_image” css=”.vc_custom_1699523860569{padding-top: 20px !important;}”][\/vc_column][vc_column width=”1\/2″][vc_column_text css=”.vc_custom_1699523995987{padding-top: 150px !important;}”]Before we move to the Coinsnap App you need to copy Admin API access token and Shopify API Key.<\/p>\n

Those information you will paste on Coinsnap App.<\/p>\n

Now, it\u2019s time to transition to the Coinsnap app.[\/vc_column_text][\/vc_column][\/vc_row][vc_row fullwidth=”yes” background_color=”#f7a70a” css=”.vc_custom_1709812285065{margin-top: -20px !important;}”][vc_column][vc_empty_space height=”40px”][vc_column_text css=”.vc_custom_1708690247579{padding-top: 30px !important;}”]\n

Coinsnap Shopify Settings<\/span><\/h2>\n[\/vc_column_text][vc_empty_space height=”20px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=”20px”][vc_column_text]Within the Coinsnap app (app.coinsnap.io), navigate to \u201cSettings\u201d > \u201cShopify Settings.\u201d[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/2″][vc_single_image image=”8027″ img_size=”full” alignment=”center” onclick=”link_image” css=”.vc_custom_1716792781043{padding-top: 40px !important;}”][vc_column_text]\n

(2) Shopify API Key<\/h4>\n

For the \u201cShopify API Key\u201d field, paste the corresponding API key you obtained from Shopify.<\/p>\n

(3) Shopify Admin API Access Token<\/h4>\n

In the \u201cShopify Admin API Access Token\u201d field, paste the Admin API access token sourced from Shopify.<\/p>\n

(4) Generate Shopify Credentials<\/h4>\n

Press button \u201cGenerate Shopify Credentials\u201d to get js-script code which you will provide to Shopify.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_column_text css=”.vc_custom_1708690063214{padding-top: 40px !important;}”]\n

(1) Shopify store name<\/h4>\n

In the first field, enter your Shopify store name. When you need to enter the name of your store go to domain secction of Shopify and find version with “yourstorename<\/strong>.myshopify.com”. The name you see there you need to use on Coinsnap App.[\/vc_column_text][vc_single_image image=”4988″ img_size=”full”][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row fullwidth=”yes” background_color=”#f2f2f2″][vc_column width=”1\/2″][vc_column_text css=”.vc_custom_1707473186316{padding-top: 50px !important;}”]Upon selecting \u201cGenerate Shopify Credentials,\u201d a new field will appear.<\/p>\n

Click on the \u201cPaste this script in Shopify\u201d field to copy the js-script code. (You\u2019ll know it\u2019s copied when the background turns blue after clicking it with your mouse.)<\/p>\n

We then need to paste this script into the Shopify backend.[\/vc_column_text][\/vc_column][vc_column width=”1\/2″][vc_single_image image=”8030″ img_size=”full” alignment=”center” onclick=”link_image” css=”.vc_custom_1716792824291{padding-top: 20px !important;}”][\/vc_column][\/vc_row][vc_row fullwidth=”yes” background_color=”#f7a70a” css=”.vc_custom_1709812274633{margin-top: -20px !important;}”][vc_column][vc_empty_space height=”40px”][vc_column_text css=”.vc_custom_1708690257781{padding-top: 30px !important;}”]\n

Shopify payment processing<\/span><\/h2>\n[\/vc_column_text][vc_empty_space height=”20px”][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/2″][vc_column_text css=”.vc_custom_1698916589772{padding-top: 80px !important;}”]\n

Once you\u2019ve gathered all the necessary information, return to Shopify.<\/p>\n

First, navigate to the \u201cCheckout\u201d section within Shopify\u2019s Store Settings.<\/p>\n[\/vc_column_text][\/vc_column][vc_column width=”1\/2″][vc_single_image image=”4176″ img_size=”medium” alignment=”center” onclick=”link_image”][\/vc_column][\/vc_row][vc_row fullwidth=”yes” background_color=”#f2f2f2″][vc_column width=”1\/2″][vc_single_image image=”3773″ img_size=”full” onclick=”link_image” css=”.vc_custom_1698916608345{padding-top: 20px !important;}”][\/vc_column][vc_column width=”1\/2″][vc_column_text css=”.vc_custom_1707473052229{padding-top: 35px !important;}”]From there, scroll down to find the \u201cOrder Status Page\u201d section and locate the \u201cAdditional Script\u201d section.[\/vc_column_text][vc_column_text]Paste the script code you just created in the Coinsnap backend here, making sure to include both the opening and closing <>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/2″][vc_column_text css=”.vc_custom_1698916618320{padding-top: 90px !important;}”]\n

Navigate to the \u201cPayments\u201d section within Shopify\u2019s Store Settings to allow Bitcoin and Lightning payments.<\/p>\n[\/vc_column_text][\/vc_column][vc_column width=”1\/2″][vc_single_image image=”4178″ img_size=”medium” alignment=”center” onclick=”link_image”][\/vc_column][\/vc_row][vc_row fullwidth=”yes” background_color=”#f2f2f2″][vc_column width=”1\/2″][vc_single_image image=”3780″ img_size=”full” alignment=”center” onclick=”link_image” css=”.vc_custom_1698914944513{padding-top: 20px !important;}”][\/vc_column][vc_column width=”1\/2″][vc_column_text css=”.vc_custom_1698914967679{padding-top: 90px !important;}”]From there, scroll down to find the \u201cManual payment methods\u201d and click on (1) \u201cadd manual payment method\u201d.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/2″][vc_column_text css=”.vc_custom_1708690484913{padding-top: 100px !important;}”]\n

(2) Set Up a Custom Payment Method<\/h4>\n

Select \u201cCreate Custom Payment Method\u201d to open a window.<\/p>\n

There, you\u2019ll need to provide a name for your payment method and add any optional requirements.[\/vc_column_text][\/vc_column][vc_column width=”1\/2″][vc_single_image image=”3782″ img_size=”full” alignment=”center” onclick=”link_image” css=”.vc_custom_1698852866326{padding-top: 30px !important;}”][\/vc_column][\/vc_row][vc_row fullwidth=”yes” background_color=”#f2f2f2″][vc_column width=”2\/3″][vc_column_text css=”.vc_custom_1708690474079{padding-top: 40px !important;}”]\n

(3) Custom Payment Method Name<\/h4>\n

Enter “Bitcoin + Lightning” in the “Custom payment method name” field. While there are other optional fields you can complete, they are not mandatory. You can choose the name freely, but you have to make sure that the name is Bitcoin<\/strong>. So you can write. “Pay with Bitcoin”, “Pay with Bitcoin and Lightning” or just “Bitcoin + Lightning”.[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_single_image image=”3784″ img_size=”full” alignment=”center” onclick=”link_image” css=”.vc_custom_1698915246396{padding-top: 20px !important;}”][\/vc_column][\/vc_row][vc_row fullwidth=”yes” background_color=”#f2f2f2″ css=”.vc_custom_1700739807231{background-color: #ffffff !important;}”][vc_column width=”1\/2″][vc_single_image image=”4578″ img_size=”full” alignment=”center” onclick=”link_image” css=”.vc_custom_1700738336508{padding-top: 20px !important;}”][\/vc_column][vc_column width=”1\/2″][vc_column_text css=”.vc_custom_1708690462879{padding-top: 40px !important;}”]\n

Payment instructions<\/h4>\n

Customers will see the Pay with Bitcoin<\/strong> button on the payment page, which they must click to display the page with the QR code.<\/p>\n

An explanatory text can be stored below this Pay with Bitcoin button so that payers are informed about what is to be done in the next step.[\/vc_column_text][\/vc_column][\/vc_row][vc_row fullwidth=”yes” background_color=”#f2f2f2″][vc_column width=”1\/2″][vc_column_text css=”.vc_custom_1707473117931{padding-top: 70px !important;}”]This text is stored via the payment instruction. Click on Manage under Manual payment methods.[\/vc_column_text][\/vc_column][vc_column width=”1\/2″][vc_single_image image=”4849″ img_size=”full” alignment=”center” onclick=”link_image” css=”.vc_custom_1700739143538{padding-top: 20px !important;}”][\/vc_column][\/vc_row][vc_row fullwidth=”yes” background_color=”#f2f2f2″ css=”.vc_custom_1700739818222{background-color: #ffffff !important;}”][vc_column width=”1\/2″][vc_single_image image=”4851″ img_size=”full” alignment=”center” onclick=”link_image” css=”.vc_custom_1700739204536{padding-top: 20px !important;}”][\/vc_column][vc_column width=”1\/2″][vc_column_text css=”.vc_custom_1700739511160{padding-top: 40px !important;}”]In the Payment Instructions field, you can now enter a text to be displayed to the payer.<\/p>\n

For example:<\/p>\n

“To make a payment using Bitcoin and Lightning, click the “Pay with Bitcoin” button located above. Afterward, you’ll be directed to the Bitcoin payment page. ” You will then be redirected to the Bitcoin payment page.”<\/p>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row fullwidth=”yes” background_color=”#f2f2f2″][vc_column][vc_column_text css=”.vc_custom_1708690499290{padding-top: 40px !important;}”]\n

(4) Activation<\/h4>\n

Finally, click the \u201cActivate\u201d button. You have now successfully set up and connected Shopify and Coinsnap.<\/p>\n

Now you can place a test order and check if all functions work correctly.[\/vc_column_text][\/vc_column][\/vc_row][vc_row fullwidth=”yes” section_id=”integration” background_color=”#6393c7″ css=”.vc_custom_1709812262967{margin-top: -20px !important;}”][vc_column][vc_empty_space height=”40px”][vc_column_text css=”.vc_custom_1708690510195{padding-top: 30px !important;}”]\n

Coinsnap integration on Shopify<\/span><\/h2>\n[\/vc_column_text][vc_empty_space height=”20px”][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/2″][vc_empty_space height=”20px”][vc_column_text css=”.vc_custom_1707473257072{padding-top: 30px !important;}”]You can also have Coinsnap payment processing integrated into your Shopify store by our partner company Coincharge.<\/p>\n

The integration service is free of charge during the introductory phase.<\/p>\n

You can find more information in the article Shopify Integration Service<\/a>[\/vc_column_text][\/vc_column][vc_column width=”1\/2″][vc_empty_space height=”20px”][vc_single_image image=”4267″ img_size=”full” alignment=”center” onclick=”custom_link” link=”https:\/\/dev.os24.work\/en\/shopify-integration-service\/”][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"

[vc_row fullwidth=”yes” css=”.vc_custom_1709799595098{margin-top: -150px !important;}” background_color=”#6393c7″][vc_column][vc_empty_space height=”70px”][vc_column_text] Coinsnap for Shopify [\/vc_column_text][vc_empty_space height=”70px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=”20px”][vc_row_inner][vc_column_inner width=”1\/2″][vc_column_text]If you operate a Shopify-based online store, […]<\/p>\n","protected":false},"author":2,"featured_media":3908,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[85,63],"tags":[],"class_list":["post-4751","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide-for-using-coinsnap","category-payment-module"],"jetpack_featured_media_url":"https:\/\/dev.os24.work\/wp-content\/uploads\/2023\/10\/shopify-plugin.png","_links":{"self":[{"href":"https:\/\/dev.os24.work\/en\/wp-json\/wp\/v2\/posts\/4751","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.os24.work\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dev.os24.work\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dev.os24.work\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.os24.work\/en\/wp-json\/wp\/v2\/comments?post=4751"}],"version-history":[{"count":74,"href":"https:\/\/dev.os24.work\/en\/wp-json\/wp\/v2\/posts\/4751\/revisions"}],"predecessor-version":[{"id":8032,"href":"https:\/\/dev.os24.work\/en\/wp-json\/wp\/v2\/posts\/4751\/revisions\/8032"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.os24.work\/en\/wp-json\/wp\/v2\/media\/3908"}],"wp:attachment":[{"href":"https:\/\/dev.os24.work\/en\/wp-json\/wp\/v2\/media?parent=4751"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev.os24.work\/en\/wp-json\/wp\/v2\/categories?post=4751"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev.os24.work\/en\/wp-json\/wp\/v2\/tags?post=4751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}