{"id":151535,"date":"2018-11-29T05:55:32","date_gmt":"2018-11-29T05:55:32","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=151535"},"modified":"2025-01-23T09:44:39","modified_gmt":"2025-01-23T09:44:39","slug":"opencart-hybrid-mobile-application","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/","title":{"rendered":"Opencart Hybrid Mobile App"},"content":{"rendered":"<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Introduction<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>After dealing with multiple successful Mobile App, Mobikul&nbsp;has now come up with a new Hybrid app. The Opencart Hybrid Mobile App is meant to convert your website on default Opencart to an app.<\/p>\n<p>The app is more advanced as it uses the functionality&nbsp;of a Web app over a native container.<\/p>\n<p>It uses the theme of the website and could be downloaded from Google Play Store and iTunes store. The app provides the customer view of the website.<\/p>\n<p>The app will allow the customer to shop for the products from an app which will operate on the smart devices in their hand. Thus, aiding the store owner to generated more profit.<\/p>\n<p><\/p>\n<p>Check the overview &#8211;&nbsp;<\/p>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"AFqsXS5Nsws\">\n<div class=\"components-placeholder__instructions\">AFqsXS5Nsws<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>Check the configuration &#8211;&nbsp;&nbsp;<\/p>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"YQ2gw4Hdp3o\">\n<div class=\"components-placeholder__instructions\">YQ2gw4Hdp3o<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Feature<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<div class=\"panel panel-primary\">\n<ul>\n<li>Quick creation of the apps which are much efficient.<\/li>\n<li>A consistent&nbsp;theme of the website and mobile app which enables easy navigation.<\/li>\n<li>Supports&nbsp;<strong><a href=\"https:\/\/mobikul.com\/features\/sign-in-social-accounts-facebook-twitter-linkedin-google\/\" target=\"_blank\" rel=\"noopener noreferrer\">social login<\/a><\/strong> (Facebook, Twitter, Google, and LinkedIn)<\/li>\n<li><strong><a href=\"https:\/\/mobikul.com\/features\/unlimited-push-notifications\/\" target=\"_blank\" rel=\"noopener noreferrer\">Push notifications<\/a><\/strong> are supported.<\/li>\n<li><strong><a href=\"https:\/\/mobikul.com\/features\/one-time-password\/\" target=\"_blank\" rel=\"noopener noreferrer\">OTP (One-Time-Password)<\/a><\/strong>&nbsp;verification available (*Add-on)(For OTP feature in-app it needs to be enabled on the web-end).<\/li>\n<li>Opencart storefront customizations &amp; features are also available in the app<\/li>\n<li>Fully responsive and supports various mobile devices and tablets<\/li>\n<li><strong>Real-time synchronization<\/strong>&nbsp;with the&nbsp;web store \u2013 products, categories, orders, customers, etc.<\/li>\n<li>Multi-lingual compatible including&nbsp;<strong><a href=\"https:\/\/mobikul.com\/rtl-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">Arabic RTL<\/a><\/strong><\/li>\n<li>Mobile&nbsp;<strong><a href=\"https:\/\/mobikul.com\/features\/open-source-app\/\" target=\"_blank\" rel=\"noopener noreferrer\">app source code<\/a><\/strong>&nbsp;is available (Purchased Separately)<\/li>\n<li>Opencart Hybrid Mobile App is&nbsp;<strong><a href=\"https:\/\/mobikul.com\/features\/customizable-features-functionalities\/\" target=\"_blank\" rel=\"noopener noreferrer\">fully customizable<\/a><\/strong>&nbsp;as per your requirements<\/li>\n<\/ul>\n<p>*All Add-ons comes underpaid customization features.<\/p>\n<p><strong>Note-<\/strong><\/p>\n<ul>\n<li>For a responsive theme, your website theme should also be responsive.<\/li>\n<li>The pages here are as per your default Opencart store which changes as per website.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Publish On Google Play &amp; Apple App Store<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>After receiving the&nbsp;<strong><a href=\"https:\/\/mobikul.com\/knowledgebase\/key-store-credentials-pre-requisite-pdf\/\" target=\"_blank\" rel=\"noopener noreferrer\">prerequisite&nbsp;information<\/a><\/strong>, your e-commerce hybrid mobile apps will be instantly developed and will be published on Google Play Store and Apple App Store.<\/p>\n<p>You can publish your&nbsp;mobile apps either from your own account or choose Webkul\u2019s&nbsp;<a href=\"https:\/\/play.google.com\/store\/apps\/dev?id=4874816267220123258\" target=\"_blank\" rel=\"noopener noreferrer\">Google Play<\/a>&nbsp;and&nbsp;<a href=\"https:\/\/itunes.apple.com\/us\/developer\/mobikul\/id1234598204\" target=\"_blank\" rel=\"noopener noreferrer\">Apple App Store<\/a>&nbsp;account. So, you can get the&nbsp;<strong>APK<\/strong>&nbsp;and&nbsp;<strong>IPA<\/strong>&nbsp;files once the apps are developed completely.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/playstore-1.png\" alt=\"Play_store\" width=\"1374\" height=\"893\" loading=\"lazy\"><\/div>\n<\/div>\n<p>Now, let us walk through the Opencart Hybrid Mobile App and see all the features and functionalities it has.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel-heading\">\n<h3 id=\"panel-3\" class=\"panel-title\"><strong>Installation<\/strong><\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p><strong>Installation Process \u2013<\/strong><\/p>\n<p>Customers will get a zip folder for installing the module. They will unzip this folder on their system and choose the version according to the Opencart version that you want to install.<\/p>\n<p>So, to install this module version, first, you need to transfer the admin &amp; catalog folders into the Opencart root folder on the server.<br><a href=\"https:\/\/mobikul.com\/wp-content\/uploads\/2019\/02\/installation.png\"><img decoding=\"async\" class=\"aligncenter wp-image-12738\" src=\"https:\/\/mobikul.com\/wp-content\/uploads\/2019\/02\/installation.png\" alt=\"installation\" width=\"800\" height=\"349\" loading=\"lazy\"><\/a><\/p>\n<p>After transferring the folders, use extension installer for uploading the XML files-<i class=\"fa fa-file-text-o fa-fw\" aria-hidden=\"true\" data-hidden=\"true\"><\/i>&nbsp;<span class=\"str-truncated\">hybrid-app<\/span>.ocmod.xml which you will find in ocmod folder.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/06\/BT2-1.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-52273 zm-zoomer zm-zoomer-in\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/06\/BT2-1.png\" alt=\"BT2\" width=\"1263\" height=\"534\" loading=\"lazy\"><\/a><\/p>\n<p>After that in Admin panel go to <strong>System -&gt; Users -&gt; Usergroup<\/strong> and edit \u2018<strong>Administrator<\/strong>\u2019 and choose select all for both Access and Modify Permission and save it.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/12\/usergroup2.png\"><img decoding=\"async\" class=\"img-center-small\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/12\/usergroup3.png\" alt=\"Opencart Marketplace Multi vendor Module\" loading=\"lazy\"><\/a><\/p>\n<div class=\"alert alert-info\">Thus, after that Under <strong>Extension &gt; Module, <\/strong>the<strong> Hybrid Application By Webkul <\/strong>will be present.<\/div>\n<div>&nbsp;<\/div>\n<div><a href=\"https:\/\/mobikul.com\/wp-content\/uploads\/2019\/02\/extension_module_app.png\"><img decoding=\"async\" class=\"alignnone wp-image-12615\" src=\"https:\/\/mobikul.com\/wp-content\/uploads\/2019\/02\/extension_module_app.png\" alt=\"extension_module_app\" width=\"800\" height=\"301\" loading=\"lazy\"><\/a><\/div>\n<div>&nbsp;<\/div>\n<\/div>\n<h3><strong>Admin Configuration<\/strong><\/h3>\n<p>The admin can click on the Edit button to set the configure the module for the hybrid app.<\/p>\n<p><strong>Hybrid Store-<\/strong> The admin can select the name of the store will have the app.<\/p>\n<h4><strong>General Settings &#8211;<\/strong><\/h4>\n<h4><a href=\"https:\/\/mobikul.com\/wp-content\/uploads\/2019\/02\/general_admin_configuration.png\"><img decoding=\"async\" class=\"aligncenter wp-image-12867\" src=\"https:\/\/mobikul.com\/wp-content\/uploads\/2019\/02\/general_admin_configuration.png\" alt=\"general_admin_configuration\" width=\"800\" height=\"774\" loading=\"lazy\"><\/a><\/h4>\n<ul>\n<li><strong>Status-<\/strong> The admin can set this field as &#8216;Enable&#8217; to use the&nbsp;app.<\/li>\n<li><label class=\"\"><span title=\"\" data-toggle=\"tooltip\" data-original-title=\"Enter the absolute url of websites for which you want to redirect the customer on the browser (https:\/\/example.com). One url each line\" aria-describedby=\"tooltip113938\"><strong>Browser Redirection<\/strong>&#8211; The admin can mention those URL of the website to which the customer will redirect. The URL will redirect to a page on the browser.<br><\/span><\/label><\/li>\n<li><strong>Store Logo-<\/strong> The admin can add the logo of the store. The admin needs to mention the logo if the application logo is different&nbsp;from that of the website.<\/li>\n<li><strong>Exclude Modules From Website- <\/strong>The admin can select here those apps which are part of the app but must not be a part of the website.<\/li>\n<\/ul>\n<p style=\"padding-left: 30px;\">Likewise, if there is a module for WhatsApp chat then it can be part of the mobile app but it has no relevance in the website.<\/p>\n<ul>\n<li><strong>Modules For Application<\/strong>-The admin can check on those which module that is present in the app irrespective of the website.<\/li>\n<\/ul>\n<h4><strong>Social Login-<\/strong><\/h4>\n<p>This section will have the details which will allow social login via various social media login platforms-<\/p>\n<p><a href=\"https:\/\/mobikul.com\/wp-content\/uploads\/2019\/02\/social_login-1.png\"><img decoding=\"async\" class=\"alignnone wp-image-12689 size-full\" src=\"https:\/\/mobikul.com\/wp-content\/uploads\/2019\/02\/social_login-1.png\" alt=\"webkul_opencart_hybrid_mobile_app_social_login\" width=\"1032\" height=\"1450\" loading=\"lazy\"><\/a><\/p>\n<p><strong>Facebook &#8211;<\/strong><\/p>\n<ul>\n<li>The admin will set the status <strong>Enable<\/strong> to make the Facebook social login live.<\/li>\n<li>The admin needs to enter the <strong>Application Id<\/strong> and <strong>Secret key<\/strong> for enabling the Facebook login in the app.<\/li>\n<\/ul>\n<p><strong>Twitter-<\/strong><\/p>\n<ul>\n<li>The admin can <strong>Enable<\/strong> the Twitter Login from this section.<\/li>\n<li>The admin even needs to enter the <strong>consumer key<\/strong> and <strong>secret key<\/strong>.<\/li>\n<\/ul>\n<p><strong>Google-<\/strong><\/p>\n<ul>\n<li>The admin will set the status <strong>Enable<\/strong> to make the Google login live.<\/li>\n<li>The admin even needs to enter the <strong>Client Id<\/strong> and <strong>secret key.<\/strong><\/li>\n<\/ul>\n<p><strong>LinkedIn-<\/strong><\/p>\n<ul>\n<li>The admin will set the status <strong>Enable<\/strong> to allow login via LinkedIn.<\/li>\n<li>The admin even needs to enter the <strong>consumer key<\/strong> and <strong>secret key<\/strong>.<\/li>\n<\/ul>\n<p>Thus, allowing a facility to the customer for fast login functionality. This will remove the requirement of remembering any extra login details.<\/p>\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><strong><span style=\"text-decoration: underline;\">NOTE:<\/span><\/strong> <strong>Facebook, Twitter, Google, and LinkedIn social logins are free with the Opencart Hybrid Mobile App. For the integration of login using the other social media website it will be a paid service. <\/strong><\/p><\/blockquote>\n\n\n<h4><strong>Push Notifications-<\/strong><\/h4>\n<p><strong>General-<\/strong><\/p>\n<p><a href=\"https:\/\/mobikul.com\/wp-content\/uploads\/2019\/02\/Push_notification_general.png\"><img decoding=\"async\" class=\"aligncenter wp-image-12683\" src=\"https:\/\/mobikul.com\/wp-content\/uploads\/2019\/02\/Push_notification_general.png\" alt=\"Push_notification_general\" width=\"800\" height=\"438\" loading=\"lazy\" \/><\/a><\/p>\n<ul>\n<li><strong>Server Key-<\/strong> The Firebase server key needs to be entered here, for sharing of push notifications.<\/li>\n<li><strong>Order Notification Title-<\/strong> In case of Order the customer will receive a notification for which the admin will mention the title here.<\/li>\n<li><strong>Order Notification Message-<\/strong> The admin will mention here the message for the placed order.<\/li>\n<\/ul>\n<p><strong>Push Notification Topics-<\/strong><\/p>\n<p><a href=\"https:\/\/mobikul.com\/wp-content\/uploads\/2019\/02\/Push_notification_topic.png\"><img decoding=\"async\" class=\"aligncenter wp-image-12684\" src=\"https:\/\/mobikul.com\/wp-content\/uploads\/2019\/02\/Push_notification_topic.png\" alt=\"Push_notification_topic\" width=\"800\" height=\"470\" loading=\"lazy\" \/><\/a><\/p>\n<ul>\n<li><strong>All-<\/strong> The admin will mention here the notification topics that will be sent to all the customer on the store.<\/li>\n<li><strong>Customer Group-<\/strong>The admin will mention here the notification topic as per the customer group.<\/li>\n<li><strong>Guest customer-<\/strong> The admin will mention the notification topics which will be sent to the Guest Customer.<\/li>\n<\/ul>\n<p>However, here the customer can share the notification by clicking on- <strong>Send Message<\/strong>.<\/p>\n<p>The admin can fill in the Push Notification details to create a notification which could be shared with the customer.<\/p>\n<p><a href=\"https:\/\/mobikul.com\/wp-content\/uploads\/2019\/02\/Push_notification.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-12869\" src=\"https:\/\/mobikul.com\/wp-content\/uploads\/2019\/02\/Push_notification.png\" alt=\"Push_notification\" width=\"510\" height=\"610\" loading=\"lazy\" \/><\/a><\/p>\n<ul>\n<li><strong>Previous Message<\/strong>&#8211; This will allow the admin to share the same message as in some previous message.<\/li>\n<li><strong>Notification Language<\/strong>&#8211; The language in which the admin wishes to share the notification. This will increase the interest of the customer.<\/li>\n<li><strong>Topics<\/strong>&#8211; The admin can select the customer with whom the notification could be shared.<\/li>\n<li><strong>Title<\/strong>&#8211; The complete title of the notification concern to the notification.<\/li>\n<li><strong>Message<\/strong>&#8211; The complete detail of the notification in the form of the message.<\/li>\n<li><strong>Banner<\/strong>&#8211; The banner that is having the information about the notification.<\/li>\n<\/ul>\n<p>Finally, the admin can click on send to share the notification with the customer. Thus, the admin can enter these configure the app to make the store usable.<\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-body\">\n<div>\n<div class=\"panel panel-primary\">\n<p>The Mobile app owner can configure the module from the admin panel. So, to know about it-\u00a0<a href=\"https:\/\/mobikul.com\/knowledgebase\/opencart-hybrid-mobile-app-admin-configuration\/\" target=\"_blank\" rel=\"noopener noreferrer\">Opencart Hybrid Mobile App Admin Configuration.<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><span style=\"color: inherit; font-size: 1.56em;\">Homepage<\/span><\/h3>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-body\">\n<div>\n<p>Post installation of application the customer opens up the app. The app opens up with an introductory splash screen followed by an informative Homepage.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/Homepage-2.png\" alt=\"homepage\" width=\"720\" height=\"1280\" loading=\"lazy\" \/><\/div>\n<\/div>\n<p>This homepage contains multiple functionalities\u00a0with which customer can engage\u00a0themselves with to remain connected with the app. Therefore, it mainly comprises of-<\/p>\n<ul>\n<li>List of Featured Product<\/li>\n<li>Categories<\/li>\n<li>Banner<\/li>\n<li>Contact Us<\/li>\n<li>Register\/Login<\/li>\n<li>Wishlist<\/li>\n<li>Cart<\/li>\n<li>Checkout<\/li>\n<li>Search<\/li>\n<li>Multiple Currency<\/li>\n<li>Language Change<\/li>\n<\/ul>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Featured Products<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>This section contains a list of exclusive\u00a0products which admin or store owner wishes to showcase on the homepage. This will act as a showcase to the customer. Thus encouraging them the purchase of more products.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/featured_products.png\" alt=\"featuredproducts\" width=\"720\" height=\"1280\" loading=\"lazy\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Categories<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>This section is meant to list in the set\u00a0of the category, that the customer can use to navigate to view the site. These categories are linked to Sub-category(ies), then it can be re-directed towards the Collection page.<\/p>\n<p>Now the customer can select a product to view the product detail page.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/categories.png\" alt=\"categories\" width=\"720\" height=\"1280\" loading=\"lazy\" \/><\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Collection List and Products<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The customer gets redirected towards the collection page on clicking a particular category. The customer can click on a particular product to visit the product detail page.<\/p>\n<p>Here on collection page, the customer can sort the product list and set the number of items that will be visible on the page.<\/p>\n<p>However, on the moving to the product page, the customer can view detail of the product like the description and features of the product. Accessing the products the customer can easily add the products to the cart by clicking on &#8216;Add to Cart&#8217; by stating the quantity of the product.<\/p>\n<p>The customer can write a review of the product from here post usage.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/Product_collection.png\" alt=\"collection_page\" width=\"720\" height=\"1280\" loading=\"lazy\" \/><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/product_collection_2.png\" alt=\"collection_page_options\" width=\"720\" height=\"1280\" loading=\"lazy\" \/><\/div>\n<\/div>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/Productpage_1.png\" alt=\"product_page\" width=\"720\" height=\"1280\" loading=\"lazy\" \/><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/Productpage_2.png\" alt=\"product_page_details\" width=\"720\" height=\"1280\" loading=\"lazy\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Banner<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The banner can be used by admin to showcase various store related information like Sale, offer, new arrivals, etc. This can be done on Default Opencart by following the navigation, <strong>Design&gt;Banner<\/strong>.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/banner_admin.png\"><img decoding=\"async\" class=\"aligncenter wp-image-151765 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/banner_admin.png\" alt=\"banner_admin\" width=\"1837\" height=\"1081\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/banner_admin.png 1837w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/banner_admin-250x147.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/banner_admin-300x177.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/banner_admin-768x452.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/banner_admin-1200x706.png 1200w\" sizes=\"(max-width: 1837px) 100vw, 1837px\" loading=\"lazy\" \/><\/a><\/p>\n<p>So, the Banner can appear in the form of a slide that customer can glide through.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/banner-3.png\" alt=\"banner\" width=\"720\" height=\"1280\" loading=\"lazy\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Contact Us<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The Contact us page can be used by the customer to view the Contact details of the admin. It mainly comprises of Address, Telephone number and contact form.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/contact_us.png\" alt=\"contact_us\" width=\"540\" height=\"960\" loading=\"lazy\" \/><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/contact_us_2.png\" alt=\"contact_us_2\" width=\"540\" height=\"960\" loading=\"lazy\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Register\/Login<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>A customer can easily Register in the application by filling in the registration details like First and Last Name, Email address, Telephone number, and Password. The customer can even subscribe to the newsletter and accept the Privacy Policy.<\/p>\n<p>Then the customer can login the application by entering the E-mail address and Password.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/register-1.png\" alt=\"register\" width=\"540\" height=\"960\" loading=\"lazy\" \/><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/register_2.png\" alt=\"register_2\" width=\"540\" height=\"960\" loading=\"lazy\" \/><\/div>\n<\/div>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/login.png\" alt=\"login\" width=\"540\" height=\"960\" loading=\"lazy\" \/><\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Account<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The section contains the personal detail of Account holder. The customer can navigate through- <strong>My Account&gt;Edit Account<\/strong>. This section comprises of multiple details like-<\/p>\n<ul>\n<li>First Name<\/li>\n<li>Last Name<\/li>\n<li>E-mail<\/li>\n<li>Telephone.<\/li>\n<\/ul>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/Account.png\" alt=\"account_personal_details\" width=\"540\" height=\"960\" loading=\"lazy\" \/><\/div>\n<\/div>\n<h2>Password<\/h2>\n<p>The customer can update there password by navigating to <strong>Account&gt;Password section. <\/strong>The customer now can update the password of there account anytime easily.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/Password.png\" alt=\"Password_update\" width=\"720\" height=\"1280\" loading=\"lazy\" \/><\/div>\n<\/div>\n<h2>Address Book<\/h2>\n<p>The customer can save detail address which can be used at the time of checkout. The customer can follow the navigation as- <strong>Account&gt;Address Book&gt;Add Address.<\/strong><\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/Address.png\" alt=\"address_book\" width=\"720\" height=\"1280\" loading=\"lazy\" \/><\/div>\n<\/div>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/Address_1.png\" alt=\"add_address\" width=\"720\" height=\"1280\" loading=\"lazy\" \/><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/Address_2.png\" alt=\"add_address_2\" width=\"720\" height=\"1280\" loading=\"lazy\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Orders<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>This section is meant to display the list of the order placed by the customer. So, the customer can view the orders and verify the status of the order.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/orders.png\" alt=\"orders\" width=\"720\" height=\"1280\" loading=\"lazy\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Wishlist<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The customer can\u00a0add the product to wishlist and buy it later. Multiple products can be added to the wishlist and can be shared with friends as well.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/wishlist.jpeg\" alt=\"wishlist\" width=\"1080\" height=\"1920\" loading=\"lazy\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Cart<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The customer can easily place the product in the shopping cart and view them later on to purchase the product. There is an icon of the cart on\u00a0the top right corner. On clicking the icon the customer can view the list of products.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/cart.jpeg\" alt=\"cart\" width=\"1080\" height=\"1920\" loading=\"lazy\" \/><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/cart_2.jpeg\" alt=\"checkout_option\" width=\"1080\" height=\"1920\" loading=\"lazy\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Checkout<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The customer can then click on checkout button in the cart page to redirect to checkout section. Here in the checkout page the customer can re-check or re-enter the billing address as well as the shipping address.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/Checkout_billing_address.jpeg\" alt=\"checkout\" width=\"1080\" height=\"1920\" loading=\"lazy\" \/><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/checkout_shipping_details.jpeg\" alt=\"checkout_2\" width=\"1080\" height=\"1920\" loading=\"lazy\" \/><\/div>\n<\/div>\n<p>Then the customer can select the desired <a href=\"https:\/\/mobikul.com\/features\/various-shipping-supported\/\" target=\"_blank\" rel=\"noopener noreferrer\">shipping method<\/a> as per choice.<\/p>\n<p><strong>Note \u2013<\/strong>\u00a0All the shipping methods that are available on the Opencart web store will be visible on the mobile app as well. Hence avoiding the requirement of separate module\/integration work.<\/p>\n<p>After which the customer can select the desired <a href=\"https:\/\/mobikul.com\/features\/major-payment-gateways-supported\/\" target=\"_blank\" rel=\"noopener noreferrer\">Payment Method<\/a>.<\/p>\n<p><strong>Note \u2013<\/strong>\u00a0All the payment methods that are available on the Opencart web store will be visible on the mobile app as well. Hence avoiding the requirement of separate module\/integration work.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/checkout-1.jpeg\" alt=\"checkout_3\" width=\"1080\" height=\"1920\" loading=\"lazy\" \/><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/checkout-2.jpeg\" alt=\"checkout_4\" width=\"1080\" height=\"1920\" loading=\"lazy\" \/><\/div>\n<\/div>\n<p>Finally, the customer can review the order and place the order as per wish. The customer will see a success message once the order is placed.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/checkout-3.jpeg\" alt=\"confirm_order\" width=\"1080\" height=\"1920\" loading=\"lazy\" \/><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/order-confirmation.jpeg\" alt=\"order_success\" width=\"1080\" height=\"1920\" loading=\"lazy\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Search<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>For quickly finding the products from the catalog, the customer can use the search box and type a name or, word or phrase that describes the product. The results will start appearing that matches the search query.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/search_1.jpeg\" alt=\"search\" width=\"1080\" height=\"1920\" loading=\"lazy\" \/><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/search_2.jpeg\" alt=\"search_product\" width=\"1080\" height=\"1920\" loading=\"lazy\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Currency and Language<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The app supports multilingual feature where the customer can set the app as per the desired language. This is one of the major components to attract the local customer.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/language.jpeg\" alt=\"multi_lingual\" width=\"1080\" height=\"1920\" loading=\"lazy\" \/><\/div>\n<\/div>\n<p>The customer can select the desired currency as per choice among the choices provided by app admin.<\/p>\n<div class=\"para-images\">\n<div><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/currency.jpeg\" alt=\"currency\" width=\"1080\" height=\"1920\" loading=\"lazy\" \/><\/div>\n<\/div>\n<p>Both the method localizes the application to the desired choice which could help in the attraction of maximum customer.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Support<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<div class=\"pf-content\">\n<p><em>That\u2019s all for the<strong> Opencart Hybrid Mobile App<\/strong>, <\/em>still<em> have any issue feel free to add a ticket here \u2013\u00a0<a href=\"https:\/\/webkul.uvdesk.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">webkul.uvdesk.com<\/a>\u00a0and let us know your views to make the module better.<\/em><\/p>\n<div>\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"wkpl-promo-ad\">\u00a0<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Introduction After dealing with multiple successful Mobile App, Mobikul&nbsp;has now come up with a new Hybrid app. The Opencart Hybrid Mobile App is meant to convert your website on default Opencart to an app. The app is more advanced as it uses the functionality&nbsp;of a Web app over a native container. It uses the theme <a href=\"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":166,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[305],"tags":[221,7846,4157,2071,7845],"class_list":["post-151535","post","type-post","status-publish","format-standard","hentry","category-opencart","tag-android","tag-hybrid-mobile-app","tag-ios","tag-opencart","tag-opencart-hybrid-mobile-app"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Opencart Hybrid Mobile App | Android IOS web Application<\/title>\n<meta name=\"description\" content=\"Opencart Hybrid Mobile App is meant to convert your store into a hybrid app. Hybrid app will takes in advantage of both native and web app.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Opencart Hybrid Mobile App | Android IOS web Application\" \/>\n<meta property=\"og:description\" content=\"Opencart Hybrid Mobile App is meant to convert your store into a hybrid app. Hybrid app will takes in advantage of both native and web app.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-29T05:55:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-23T09:44:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/11\/playstore-1.png\" \/>\n<meta name=\"author\" content=\"Zeba Hakim\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Zeba Hakim\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/\"},\"author\":{\"name\":\"Zeba Hakim\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/a5142a66e70018e4f4ddb35b1ed3d318\"},\"headline\":\"Opencart Hybrid Mobile App\",\"datePublished\":\"2018-11-29T05:55:32+00:00\",\"dateModified\":\"2025-01-23T09:44:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/\"},\"wordCount\":2052,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/11\/playstore-1.png\",\"keywords\":[\"android\",\"hybrid mobile app\",\"ios\",\"opencart\",\"Opencart Hybrid Mobile App\"],\"articleSection\":[\"opencart\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/\",\"url\":\"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/\",\"name\":\"Opencart Hybrid Mobile App | Android IOS web Application\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/11\/playstore-1.png\",\"datePublished\":\"2018-11-29T05:55:32+00:00\",\"dateModified\":\"2025-01-23T09:44:39+00:00\",\"description\":\"Opencart Hybrid Mobile App is meant to convert your store into a hybrid app. Hybrid app will takes in advantage of both native and web app.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/playstore-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/playstore-1.png\",\"width\":1374,\"height\":893,\"caption\":\"playstore\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Opencart Hybrid Mobile App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/a5142a66e70018e4f4ddb35b1ed3d318\",\"name\":\"Zeba Hakim\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/93978c970cf7709418c7bb3ae396d2ffcec717d2dcd44d81c7b9b970b57c31e6?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/93978c970cf7709418c7bb3ae396d2ffcec717d2dcd44d81c7b9b970b57c31e6?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Zeba Hakim\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/zebahakim-magento157\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Opencart Hybrid Mobile App | Android IOS web Application","description":"Opencart Hybrid Mobile App is meant to convert your store into a hybrid app. Hybrid app will takes in advantage of both native and web app.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/","og_locale":"en_US","og_type":"article","og_title":"Opencart Hybrid Mobile App | Android IOS web Application","og_description":"Opencart Hybrid Mobile App is meant to convert your store into a hybrid app. Hybrid app will takes in advantage of both native and web app.","og_url":"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2018-11-29T05:55:32+00:00","article_modified_time":"2025-01-23T09:44:39+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/11\/playstore-1.png","type":"","width":"","height":""}],"author":"Zeba Hakim","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Zeba Hakim","Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/"},"author":{"name":"Zeba Hakim","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/a5142a66e70018e4f4ddb35b1ed3d318"},"headline":"Opencart Hybrid Mobile App","datePublished":"2018-11-29T05:55:32+00:00","dateModified":"2025-01-23T09:44:39+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/"},"wordCount":2052,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/11\/playstore-1.png","keywords":["android","hybrid mobile app","ios","opencart","Opencart Hybrid Mobile App"],"articleSection":["opencart"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/","url":"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/","name":"Opencart Hybrid Mobile App | Android IOS web Application","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/11\/playstore-1.png","datePublished":"2018-11-29T05:55:32+00:00","dateModified":"2025-01-23T09:44:39+00:00","description":"Opencart Hybrid Mobile App is meant to convert your store into a hybrid app. Hybrid app will takes in advantage of both native and web app.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/playstore-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/11\/playstore-1.png","width":1374,"height":893,"caption":"playstore"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/opencart-hybrid-mobile-application\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Opencart Hybrid Mobile App"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/a5142a66e70018e4f4ddb35b1ed3d318","name":"Zeba Hakim","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/93978c970cf7709418c7bb3ae396d2ffcec717d2dcd44d81c7b9b970b57c31e6?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/93978c970cf7709418c7bb3ae396d2ffcec717d2dcd44d81c7b9b970b57c31e6?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Zeba Hakim"},"url":"https:\/\/webkul.com\/blog\/author\/zebahakim-magento157\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/151535","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/166"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=151535"}],"version-history":[{"count":58,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/151535\/revisions"}],"predecessor-version":[{"id":312404,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/151535\/revisions\/312404"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=151535"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=151535"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=151535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}