{"_id":"56cd8af524f2891300957637","initVersion":{"_id":"54dec8b6c2b4b70d009c3f0f","version":"1"},"user":{"_id":"5581540704ae5b0d00262929","username":"","name":"Nemo"},"__v":0,"project":"54c83b5aab706219009e067b","hidden":false,"createdAt":"2016-02-24T10:50:29.482Z","fullscreen":false,"htmlmode":false,"html":"","body":"[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Demo Link\",\n  \"body\": \"To test out the Shopify integration with Razorpay, you can make test purchases (without paying) on our Shopify Test Store: https://razorpay-test-store.myshopify.com/\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/Wo7MJ83DQDifSIYwa4lc_CZ-LSsQUYAA3fns.png\",\n        \"CZ-LSsQUYAA3fns.png\",\n        \"1024\",\n        \"512\",\n        \"\",\n        \"\"\n      ],\n      \"caption\": \"Razorpay is now available for all Indian merchants on Shopify\"\n    }\n  ]\n}\n[/block]\nWe have added an automated integration feature for Shopify stores across India. Here is how you can integrate your Shopify Store with Razorpay:\n\n1. Sign-in to your Shopify store.\n2. Click on the Settings tab present on the control panel to the left.\n3. On the Settings page, navigate to the “Payments” Tab.\n4. On the Payments page, navigate to the “Alternative Payments” section and choose “Razorpay”  from the drop down list, as shown below:\n\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/957d44b-sh.png\",\n        \"sh.png\",\n        625,\n        347,\n        \"#ebebf0\"\n      ]\n    }\n  ]\n}\n[/block]\n5. Once Razorpay is selected, you need to enter the Key ID and Key Secret, which can be generated from your Razorpay Dashboard. In order to do so, log in to the [Dashboard](https://dashboard.razorpay.com).\n6. On the left hand side, click on “**Api Keys**”. Click on “Generate Test Keys”, as shown below:\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/rl4f9ivARtGvLkb4A9eJ_2016-02-11_17-09-925x528.png\",\n        \"2016-02-11_17-09-925x528.png\",\n        \"925\",\n        \"528\",\n        \"\",\n        \"\"\n      ],\n      \"caption\": \"Click the Generate Test Key button\",\n      \"sizing\": \"full\"\n    }\n  ]\n}\n[/block]\n7.  This will generate the Key ID and Key Secret as shown below. It is a good practice to download these key details or store them safely, as they might be required in the future as well.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [],\n      \"caption\": \"Newly generated test key.\",\n      \"sizing\": \"smart\"\n    }\n  ]\n}\n[/block]\n8.  Enter the Key ID and Key Secret in the credentials required on the Shopify page, as shown below, and click on “Activate”. This activates your account in the “Test Mode”. You can use this account to make a few test payments to ensure a successful workflow. Note that in “Test Mode”, no real money will be deducted from your account\n\nYou can keep the \"Test Mode\" checkbox as off in Shopify settings, if you see one.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/HxIwy7DdRKGOQpbJ5mQS_Screen%20Shot%202016-02-11%20at%205.17.59%20pm.png\",\n        \"Screen Shot 2016-02-11 at 5.17.59 pm.png\",\n        \"1600\",\n        \"727\",\n        \"\",\n        \"\"\n      ],\n      \"caption\": \"Provide your keys in your Shopify Admin Panel\",\n      \"sizing\": \"full\"\n    }\n  ]\n}\n[/block]\n9.  Once your application has been reviewed successfully by Razorpay, you can go to the [Dashboard](https://dashboard.razorpay.com) and switch to “Live Mode”, as shown below\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/vhHeTOezSaVgYcjbDnJg_Screen%20Shot%202016-02-11%20at%205.27.39%20pm.png\",\n        \"Screen Shot 2016-02-11 at 5.27.39 pm.png\",\n        \"1600\",\n        \"184\",\n        \"#24b4db\",\n        \"\"\n      ],\n      \"sizing\": \"full\",\n      \"caption\": \"Switch from Live to Test mode\"\n    }\n  ]\n}\n[/block]\n10. After entering “Live Mode”, Generate Api Keys once again.\n11. Open your Shopify account payment settings. Under the “Accept Credit Cards” category, you will see Razorpay. Click on “Edit” and replace the old Key ID and Key Secret with the new ones.\n\nVoilà, your Shopify account is now integrated with Razorpay.\n[block:callout]\n{\n  \"type\": \"warning\",\n  \"body\": \"Kindly note that your Razorpay account needs to be activated successfully before you can use the live API keys.\",\n  \"title\": \"Account Activation\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/0a4f132-2017-06-02_14-00-589x304.png\",\n        \"2017-06-02_14-00-589x304.png\",\n        589,\n        304,\n        \"#fafafa\"\n      ],\n      \"caption\": \"This is how the Checkout screen will look in your store\"\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"Multi Currency Support\"\n}\n[/block]\nSince we only support INR as the base currency at this point, if you would like to help your international customers, you can do the following:\n\n1. Set your shop's base currency to INR. \n2. Install the [Auto Currency Switcher](https://apps.shopify.com/auto-currency-switcher) app on your Shopify website\n3. Ensure that all your products are priced correctly in INR.\n4. Follow the instructions for setting up the Auto Currency Switcher correctly.\n\nThis is how our config is setup on the Demo website:\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/2200155-2017-06-02_13-45-411x459.png\",\n        \"2017-06-02_13-45-411x459.png\",\n        411,\n        459,\n        \"#2a395d\"\n      ],\n      \"caption\": \"Admin Panel -> Settings -> General\"\n    }\n  ]\n}\n[/block]\nThis is how the Money Options page looks in our theme configuration:\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/d3e6a75-2017-06-02_13-56-177x596.png\",\n        \"2017-06-02_13-56-177x596.png\",\n        177,\n        596,\n        \"#343435\"\n      ],\n      \"caption\": \"Online -> Themes -> Customize Theme -> Money Options\"\n    }\n  ]\n}\n[/block]\nYou can add more currencies if you wish to support more countries:\n\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/cf2232e-2017-06-02_13-57-168x685.png\",\n        \"2017-06-02_13-57-168x685.png\",\n        168,\n        685,\n        \"#2d2e2f\"\n      ],\n      \"caption\": \"Online -> Themes -> Customize Theme -> Money Options (scroll down)\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"warning\",\n  \"title\": \"Troubleshooting\",\n  \"body\": \"If you are facing any issues with Razorpay Payments on Shopify, please contact us at suupport@razorpay.com with the following details: \\n\\n1. Your Merchant ID\\n2. Your Shopify website URL. If the website is password-protected, please send the view password as well.\"\n}\n[/block]","slug":"shopify","title":"Integrating your Shopify store with Razorpay"}

Integrating your Shopify store with Razorpay


[block:callout] { "type": "success", "title": "Demo Link", "body": "To test out the Shopify integration with Razorpay, you can make test purchases (without paying) on our Shopify Test Store: https://razorpay-test-store.myshopify.com/" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/Wo7MJ83DQDifSIYwa4lc_CZ-LSsQUYAA3fns.png", "CZ-LSsQUYAA3fns.png", "1024", "512", "", "" ], "caption": "Razorpay is now available for all Indian merchants on Shopify" } ] } [/block] We have added an automated integration feature for Shopify stores across India. Here is how you can integrate your Shopify Store with Razorpay: 1. Sign-in to your Shopify store. 2. Click on the Settings tab present on the control panel to the left. 3. On the Settings page, navigate to the “Payments” Tab. 4. On the Payments page, navigate to the “Alternative Payments” section and choose “Razorpay” from the drop down list, as shown below: [block:image] { "images": [ { "image": [ "https://files.readme.io/957d44b-sh.png", "sh.png", 625, 347, "#ebebf0" ] } ] } [/block] 5. Once Razorpay is selected, you need to enter the Key ID and Key Secret, which can be generated from your Razorpay Dashboard. In order to do so, log in to the [Dashboard](https://dashboard.razorpay.com). 6. On the left hand side, click on “**Api Keys**”. Click on “Generate Test Keys”, as shown below: [block:image] { "images": [ { "image": [ "https://files.readme.io/rl4f9ivARtGvLkb4A9eJ_2016-02-11_17-09-925x528.png", "2016-02-11_17-09-925x528.png", "925", "528", "", "" ], "caption": "Click the Generate Test Key button", "sizing": "full" } ] } [/block] 7. This will generate the Key ID and Key Secret as shown below. It is a good practice to download these key details or store them safely, as they might be required in the future as well. [block:image] { "images": [ { "image": [], "caption": "Newly generated test key.", "sizing": "smart" } ] } [/block] 8. Enter the Key ID and Key Secret in the credentials required on the Shopify page, as shown below, and click on “Activate”. This activates your account in the “Test Mode”. You can use this account to make a few test payments to ensure a successful workflow. Note that in “Test Mode”, no real money will be deducted from your account You can keep the "Test Mode" checkbox as off in Shopify settings, if you see one. [block:image] { "images": [ { "image": [ "https://files.readme.io/HxIwy7DdRKGOQpbJ5mQS_Screen%20Shot%202016-02-11%20at%205.17.59%20pm.png", "Screen Shot 2016-02-11 at 5.17.59 pm.png", "1600", "727", "", "" ], "caption": "Provide your keys in your Shopify Admin Panel", "sizing": "full" } ] } [/block] 9. Once your application has been reviewed successfully by Razorpay, you can go to the [Dashboard](https://dashboard.razorpay.com) and switch to “Live Mode”, as shown below [block:image] { "images": [ { "image": [ "https://files.readme.io/vhHeTOezSaVgYcjbDnJg_Screen%20Shot%202016-02-11%20at%205.27.39%20pm.png", "Screen Shot 2016-02-11 at 5.27.39 pm.png", "1600", "184", "#24b4db", "" ], "sizing": "full", "caption": "Switch from Live to Test mode" } ] } [/block] 10. After entering “Live Mode”, Generate Api Keys once again. 11. Open your Shopify account payment settings. Under the “Accept Credit Cards” category, you will see Razorpay. Click on “Edit” and replace the old Key ID and Key Secret with the new ones. Voilà, your Shopify account is now integrated with Razorpay. [block:callout] { "type": "warning", "body": "Kindly note that your Razorpay account needs to be activated successfully before you can use the live API keys.", "title": "Account Activation" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/0a4f132-2017-06-02_14-00-589x304.png", "2017-06-02_14-00-589x304.png", 589, 304, "#fafafa" ], "caption": "This is how the Checkout screen will look in your store" } ] } [/block] [block:api-header] { "title": "Multi Currency Support" } [/block] Since we only support INR as the base currency at this point, if you would like to help your international customers, you can do the following: 1. Set your shop's base currency to INR. 2. Install the [Auto Currency Switcher](https://apps.shopify.com/auto-currency-switcher) app on your Shopify website 3. Ensure that all your products are priced correctly in INR. 4. Follow the instructions for setting up the Auto Currency Switcher correctly. This is how our config is setup on the Demo website: [block:image] { "images": [ { "image": [ "https://files.readme.io/2200155-2017-06-02_13-45-411x459.png", "2017-06-02_13-45-411x459.png", 411, 459, "#2a395d" ], "caption": "Admin Panel -> Settings -> General" } ] } [/block] This is how the Money Options page looks in our theme configuration: [block:image] { "images": [ { "image": [ "https://files.readme.io/d3e6a75-2017-06-02_13-56-177x596.png", "2017-06-02_13-56-177x596.png", 177, 596, "#343435" ], "caption": "Online -> Themes -> Customize Theme -> Money Options" } ] } [/block] You can add more currencies if you wish to support more countries: [block:image] { "images": [ { "image": [ "https://files.readme.io/cf2232e-2017-06-02_13-57-168x685.png", "2017-06-02_13-57-168x685.png", 168, 685, "#2d2e2f" ], "caption": "Online -> Themes -> Customize Theme -> Money Options (scroll down)" } ] } [/block] [block:callout] { "type": "warning", "title": "Troubleshooting", "body": "If you are facing any issues with Razorpay Payments on Shopify, please contact us at suupport@razorpay.com with the following details: \n\n1. Your Merchant ID\n2. Your Shopify website URL. If the website is password-protected, please send the view password as well." } [/block]