Features<\/h3><\/div>\n- Cart Validation Process
Every buyer needs to register with a mobile number and when he will click on proceed to check out a screen pop-up to enter the one time password will appear right before the checkout page. Only after entering the correct OTP, the process will resume.<\/li> - Both Twilio & MSG91 SMS engine Integrated
Twilio & MSG91 is integrated within the app as an SMS engine for sending the OTP via SMS to customers. To enable you are required to have your own Twilio & MSG91 account.<\/li> - OTP validated info at the backend
View all the validated information and their success status.<\/li> - Cross-browser compatible.<\/li>
- Easy installation.<\/li><\/ul>\n<\/div>\n\n\n\n
Installation<\/h3><\/div>\nTo install this app click here<\/a><\/strong>, enter your domain name and then click on Install button to install the app.<\/p>\n<\/div>\n\n\n\n![\"Validate](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Screenshot_20.png\")
<\/figure>\n\n\n\nworkflow<\/h3><\/div>\nAfter you have initiated the installation and completed the payment, your app will be visible here in the apps section of Shopify.<\/p>\n<\/div>\n\n\n\n![\"Otp](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/otponcart-demo-Apps-Shopify-e1552039253457.png\")
<\/figure>\n\n\n\nClick on the app to view and configure it further.\n\nConfiguration\n\n<\/p>\n\n\n\n
In the configuration menu, You will have three sections.
General Configuration, SMS Configuration, and Label Configuration<\/p>\n\n\n\n
General Configuration<\/strong><\/h2>\n\n\n\nAllow Guest Checkout:<\/strong> Admin can enable this option if he\/she wants his\/her customers to check out as a guest.<\/p>\n\n\n\nAdd a Note in Order Detail Section on Cart Validation:<\/strong> Admin can now enable\/disable the option to get the detail in the Order detail section if the order gets verified by phone number ( i.e Cart will be validated via OTP).<\/p>\n\n\n\nEnable\/Disable Cart Validation via OTP: <\/strong>In addition to it, admin can also enable\/disable the OTP Validation on Cart Page.<\/p>\n\n\n\n![\"General](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/otponcart-demo-OTP-on-cart-Shopify-e1552039300399.png\")
<\/figure>\n\n\n\nSMS Configuration<\/strong><\/h2>\n\n\n\nTwilio SMS Integration:
<\/strong>You have to enter your Twilio account credentials and token keys to activate Twilio for sending SMS.
***Please note for this you are compulsorily required to have a Twilio account. And all the charges for SMS will be borne by you and your Twilio account. Here we just provide the integration of Twilio.<\/p>\n\n\n\n![\"Twilio](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Screenshot-18.png\")
<\/figure>\n\n\n\nMSG91 SMS Integration:
<\/strong><\/p>\n\n\n\nWe have now integrated MSG91 SMS Gateway with the app so that you can validate your cart via OTP from MSG91 SMS Engine.<\/p>\n\n\n\n![\"MSG91](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Screenshot-19.png\")
<\/figure>\n\n\n\nLabel Configuration<\/strong><\/h2>\n\n\n\nFrom this section of the app, the admin can configure the labels to be shown on Front End.<\/p>\n\n\n\n![\"Labels\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Screenshot-20.png\")
<\/figure>\n\n\n\n\nImportant Note section\n\n<\/p>\n\n\n\n
Important Note section just below configuration contains really important points, let’s have a look:<\/p>\n\n\n\n
- Contains Twilio API detail link<\/li>
- Contains Twilio Pricing details link<\/li>
- To add Phone Number<\/strong> option during registration, you have to copy the below given code into customers\/register.liquid<\/strong> file.\n<label class=”label”>Phone Number<\/label> <input type=”text” class=”text” size=”30″ name=”customer[note][PhoneNumber]” placeholder=”+1234567890″\/> <strong>Note:<\/strong> Add ‘+’ and your country code before phone number\n<\/li>
- For OTP<\/strong> validation during checkout, you have to copy the below given code into cart.liquid<\/strong> file\n<div id=”wk_cart_validate” customer-id=”{{customer.id}}”><\/div>\n<\/li>
- Contains links to access theme file.<\/li><\/ul>\n\n\n\n
![\"Notes\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Screenshot_23.png\")
<\/figure>\n\n\n\nOTP Validated Orders<\/h3><\/div>\nAdmin can now have all the validated orders listed in this section. Orders that get validated on the cart via OTP will be listed in the OTP Validated Orders section of the app.<\/p>\n\n\n\n
Let’s have a look:<\/p>\n<\/div>\n\n\n\n![\"Validated](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/otponcart-demo-OTP-on-cart-Shopify-2.png\")
<\/figure>\n\n\n\nCart Validation section<\/h3><\/div>\nCart validation section shows the data of cart token validated so far along with their status of success or failure.<\/p>\n<\/div>\n\n\n\n![\"Validate](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Screenshot_24.png\")
<\/figure>\n\n\n\nFrontend<\/h3><\/div>\nOn the front end, firstly you are required to make your ‘customer account creation’ feature mandatory from your Shopify account for all the customers so that when they check out they are popped up to log in or signup (if they initially haven’t).<\/p>\n\n\n\n
For that go to settings of Shopify account >>> and click on checkout.<\/p>\n\n\n\n
Refer to the image below<\/p>\n<\/div>\n\n\n\n![\"Screenshot_25-1200x589-png-1200\u00d7589-\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot_25-1200x589-png-1200%C3%97589-.png\")
<\/figure>\n\n\n\nIf your customer is logged in but the contact number is not registered with the store, then click on proceed, he will have to first enter the mobile number with country code and then the OTP pop up will come. Refer to this image:<\/p>\n\n\n\n![\"Update](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Screenshot_26.png\")
<\/figure>\n\n\n\n–If your customer is NOT logged in as the customer <\/strong>then after clicking on proceed to checkout he will first be taken to the login or signup page. If already have an account then sign in else sign up.<\/p>\n\n\n\n![\"Login](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Screenshot_28.png\")
<\/figure>\n\n\n\n While signing up you will be asked to enter the phone number as well, on which the OTP will be sent.<\/p>\n\n\n
\n![\"Create](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/Screenshot_29.png\")
<\/figure>\n<\/div>\n\n\nOnce the account will be created, then the customer will be back on the cart page. Clicking on continue a pop to enter the OTP will get displayed. In case the customer has not received the OTP he can click on the ‘Resend OTP ‘ button.<\/p>\n\n\n\n
DEMO DETAILS<\/h3><\/div>\nCheck the Demo: https:\/\/otponcart-demo.myshopify.com\/collections\/all<\/a><\/p>\n<\/div>\n\n\n\nsupport<\/h3><\/div>\nFurthermore, if you need any kind of support\/Consultancy then please raise a ticket athttp:\/\/webkul.uvdesk.com\/<\/a> or drop a mail at support@webkul.com<\/strong><\/p>\n\n\n\nThanks for reading this blog!!! \ud83d\ude42<\/p>\n<\/div>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
- Cart Validation Process
Every buyer needs to register with a mobile number and when he will click on proceed to check out a screen pop-up to enter the one time password will appear right before the checkout page. Only after entering the correct OTP, the process will resume.<\/li> - Both Twilio & MSG91 SMS engine Integrated
Twilio & MSG91 is integrated within the app as an SMS engine for sending the OTP via SMS to customers. To enable you are required to have your own Twilio & MSG91 account.<\/li> - OTP validated info at the backend
View all the validated information and their success status.<\/li> - Cross-browser compatible.<\/li>
- Easy installation.<\/li><\/ul>\n<\/div>\n\n\n\n
Installation<\/h3><\/div>
\nTo install this app click here<\/a><\/strong>, enter your domain name and then click on Install button to install the app.<\/p>\n<\/div>\n\n\n\n
<\/figure>\n\n\n\nworkflow<\/h3><\/div>
\nAfter you have initiated the installation and completed the payment, your app will be visible here in the apps section of Shopify.<\/p>\n<\/div>\n\n\n\n
<\/figure>\n\n\n\nClick on the app to view and configure it further.\n\nConfiguration\n\n<\/p>\n\n\n\n
In the configuration menu, You will have three sections.
General Configuration, SMS Configuration, and Label Configuration<\/p>\n\n\n\nGeneral Configuration<\/strong><\/h2>\n\n\n\n
Allow Guest Checkout:<\/strong> Admin can enable this option if he\/she wants his\/her customers to check out as a guest.<\/p>\n\n\n\n
Add a Note in Order Detail Section on Cart Validation:<\/strong> Admin can now enable\/disable the option to get the detail in the Order detail section if the order gets verified by phone number ( i.e Cart will be validated via OTP).<\/p>\n\n\n\n
Enable\/Disable Cart Validation via OTP: <\/strong>In addition to it, admin can also enable\/disable the OTP Validation on Cart Page.<\/p>\n\n\n\n
<\/figure>\n\n\n\nSMS Configuration<\/strong><\/h2>\n\n\n\n
Twilio SMS Integration:
<\/strong>You have to enter your Twilio account credentials and token keys to activate Twilio for sending SMS.
***Please note for this you are compulsorily required to have a Twilio account. And all the charges for SMS will be borne by you and your Twilio account. Here we just provide the integration of Twilio.<\/p>\n\n\n\n<\/figure>\n\n\n\nMSG91 SMS Integration:
<\/strong><\/p>\n\n\n\nWe have now integrated MSG91 SMS Gateway with the app so that you can validate your cart via OTP from MSG91 SMS Engine.<\/p>\n\n\n\n
<\/figure>\n\n\n\nLabel Configuration<\/strong><\/h2>\n\n\n\n
From this section of the app, the admin can configure the labels to be shown on Front End.<\/p>\n\n\n\n
<\/figure>\n\n\n\n\nImportant Note section\n\n<\/p>\n\n\n\n
Important Note section just below configuration contains really important points, let’s have a look:<\/p>\n\n\n\n
- Contains Twilio API detail link<\/li>
- Contains Twilio Pricing details link<\/li>
- To add Phone Number<\/strong> option during registration, you have to copy the below given code into customers\/register.liquid<\/strong> file.\n<label class=”label”>Phone Number<\/label> <input type=”text” class=”text” size=”30″ name=”customer[note][PhoneNumber]” placeholder=”+1234567890″\/> <strong>Note:<\/strong> Add ‘+’ and your country code before phone number\n<\/li>
- For OTP<\/strong> validation during checkout, you have to copy the below given code into cart.liquid<\/strong> file\n<div id=”wk_cart_validate” customer-id=”{{customer.id}}”><\/div>\n<\/li>
- Contains links to access theme file.<\/li><\/ul>\n\n\n\n
<\/figure>\n\n\n\nOTP Validated Orders<\/h3><\/div>
\nAdmin can now have all the validated orders listed in this section. Orders that get validated on the cart via OTP will be listed in the OTP Validated Orders section of the app.<\/p>\n\n\n\n
Let’s have a look:<\/p>\n<\/div>\n\n\n\n
<\/figure>\n\n\n\nCart Validation section<\/h3><\/div>
\nCart validation section shows the data of cart token validated so far along with their status of success or failure.<\/p>\n<\/div>\n\n\n\n
<\/figure>\n\n\n\nFrontend<\/h3><\/div>
\nOn the front end, firstly you are required to make your ‘customer account creation’ feature mandatory from your Shopify account for all the customers so that when they check out they are popped up to log in or signup (if they initially haven’t).<\/p>\n\n\n\n
For that go to settings of Shopify account >>> and click on checkout.<\/p>\n\n\n\n
Refer to the image below<\/p>\n<\/div>\n\n\n\n
<\/figure>\n\n\n\nIf your customer is logged in but the contact number is not registered with the store, then click on proceed, he will have to first enter the mobile number with country code and then the OTP pop up will come. Refer to this image:<\/p>\n\n\n\n
<\/figure>\n\n\n\n–If your customer is NOT logged in as the customer <\/strong>then after clicking on proceed to checkout he will first be taken to the login or signup page. If already have an account then sign in else sign up.<\/p>\n\n\n\n
<\/figure>\n\n\n\nWhile signing up you will be asked to enter the phone number as well, on which the OTP will be sent.<\/p>\n\n\n
\n<\/figure>\n<\/div>\n\n\nOnce the account will be created, then the customer will be back on the cart page. Clicking on continue a pop to enter the OTP will get displayed. In case the customer has not received the OTP he can click on the ‘Resend OTP ‘ button.<\/p>\n\n\n\n
DEMO DETAILS<\/h3><\/div>
\nCheck the Demo: https:\/\/otponcart-demo.myshopify.com\/collections\/all<\/a><\/p>\n<\/div>\n\n\n\n
support<\/h3><\/div>
\nFurthermore, if you need any kind of support\/Consultancy then please raise a ticket athttp:\/\/webkul.uvdesk.com\/<\/a> or drop a mail at support@webkul.com<\/strong><\/p>\n\n\n\n
Thanks for reading this blog!!! \ud83d\ude42<\/p>\n<\/div>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
- For OTP<\/strong> validation during checkout, you have to copy the below given code into cart.liquid<\/strong> file\n<div id=”wk_cart_validate” customer-id=”{{customer.id}}”><\/div>\n<\/li>