{"id":223224,"date":"2020-01-22T10:31:26","date_gmt":"2020-01-22T10:31:26","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=223224"},"modified":"2023-10-20T04:44:34","modified_gmt":"2023-10-20T04:44:34","slug":"shopware-hybrid-mobile-app","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/shopware-hybrid-mobile-app\/","title":{"rendered":"Shopware Hybrid Mobile App"},"content":{"rendered":"\n

Introduction<\/h3><\/div>
\n

Shopware Hybrid Mobile App allows Shopware store owner to build own beautiful designed mobile app without any coding or designing.<\/p>\n\n\n\n

This app is fully integrated with the Shopware website populates the date in real-time. <\/p>\n\n\n\n

The app is more advanced as it uses the functionality of a Web app over a native container. All the orders<\/a>, customers, the product information will be synchronized with the Shopware website. <\/p>\n\n\n\n

Also, it uses the theme of the website and could be downloaded from the Google Play Store and iTunes store. Also, the app provides the customer view of the website.<\/p>\n\n\n\n

Shopware merchants will be able to allow customers to shop online directly using the mobile app on the go with better security and high speed.<\/p>\n\n\n\n

Check a brief overview of the shopware 5 hybrid mobile app – <\/p>\n\n\n\n

d92zadH_6Wo<\/div><\/div><\/div><\/div>\n<\/div>\n\n\n\n

Why choose Shopware Hybrid Mobile App?<\/h3><\/div>
\n

Shopware is one of the most popular feature-rich open-source eCommerce platforms. Effective interface, highly flexible, intuitive navigation, and advanced technology makes Shopware more powerful and scalable.<\/p>\n\n\n\n

Due to less complexity and significant advantage almost 80% online store owners turning towards Shopware.<\/p>\n\n\n\n

Although, nowadays having an eCommerce mobile<\/a> is essential to boost your customer loyalty as well as gain more sales to stay ahead of the competition.<\/p>\n\n\n\n

Therefore, we have come up with a new hybrid mobile app – Shopware mobile app. Now Shopware merchants can seamlessly convert their Shopware website into a fully functional hybrid mobile app.<\/p>\n<\/div>\n\n\n\n

The Mobile app owner can configure the module from the admin panel. Follow the below installation steps to configure the module:<\/p>\n\n\n\n

\n

Installation<\/h3>\n<\/div><\/div>\n\n\n\n

Shopware provides two ways to upload the plugin to the server.<\/p>\n\n\n\n

    \n
  1. Using Command<\/li>\n\n\n\n
  2. Manual installation<\/li>\n<\/ol>\n\n\n\n
    \n

    Installation using commands<\/h3>\n<\/div><\/div>\n\n\n\n

    Customers will get a zip folder, <\/strong>and they have to extract the contents<\/strong> of this zip folder on their system. After extracting the WebkulHybridApp <\/strong>folder, the customer needs to transfer<\/strong> this custom > plugins<\/strong> on the server, as shown in the image below:<\/p>\n\n\n\n

    \"Shopware-hybrid-mobile-app-installation\"<\/figure>\n\n\n\n

    After the successful installation, you have to run these commands in the Shopware root directory.<\/p>\n\n\n\n

    Go to your Shopware installation Root directory<\/strong> and run this command to install then activate the plugin \u2013<\/p>\n\n\n\n

    \/bin\/console sw:plugin:install WebkulHybridApp<\/pre>\n\n\n\n
    \/bin\/console sw:plugin:activate WebkulHybridApp<\/pre>\n\n\n\n
    To clear the cache run this command \u2013<\/p>\n\n\n\n
    php bin\/console sw:cache:clear<\/pre>\n\n\n\n
    Now refresh the administration.<\/p>\n\n\n\n
    After that, visit administration Configration->Plugin Manager->Installed<\/strong>, the Hybrid Application for Shopware 5plugin will be listed there<\/p>\n\n\n\n
    \"Shopware-hybrid-mobile-app-plugin\"<\/figure>\n\n\n\n
    \n
    Manual Installation<\/h3>\n<\/div><\/div>\n\n\n\n
    1 \u2013 Go to the plugin manager by navigating Shopware backend \u2013 Configuration<\/strong> -> Plugin Manager<\/strong>.<\/p>\n\n\n\n
    2 \u2013 Upload the zip from the plugin manager<\/strong> in the backend.<\/p>\n\n\n\n
    \"Shopware-hybrid-mobile-app-upload-1\"<\/figure>\n\n\n\n
    3 \u2013 Click on the installed link<\/strong> on the left side menu in the plugin manager<\/strong>.<\/p>\n\n\n\n
    4 \u2013 Check the plugin in the uninstalled category<\/strong> and then click on the install button<\/strong>.<\/p>\n\n\n\n
    \"Shopware-hybrid-mobile-app-upload-plugin\"<\/figure>\n\n\n\n
    5 \u2013 After the successful installation, click on the open button<\/strong> and Install it<\/strong>.<\/p>\n\n\n\n
    \"Shopware-hybrid-mobile-app-installation-1\"<\/figure>\n\n\n\n
    Note:<\/strong><\/p>\n\n\n\n
    After the installation process and plugin configuration if the module will not visible at front-end then run this command to clear the cache:<\/p>\n\n\n\n
    \/bin\/console  sw:cache:clear \u2013env=prod<\/pre>\n\n\n\n
    \n
    How to Get the Server Key?<\/h3>\n<\/div><\/div>\n\n\n\n
    To use push notification for Shopware 5 Mobile App,<\/strong> you need to have Firebase Project Credentials. It is required during module configuration. Please click here<\/a> then create a new project with your Google account.<\/p>\n\n\n\n
    1.  After opening the Firebase page. Please create a project by clicking the Add project<\/strong> button.<\/p>\n\n\n\n
    \"Firbase-add-project\"<\/figure>\n\n\n\n
    2. A small pop-up window will appear with the name of Create a project. Here you have to enter your Project Name then select your Country\/Region.<\/p>\n\n\n\n
    Then click the Create Project<\/strong> button.<\/p>\n\n\n\n
    \"project-name-firebase\"<\/figure>\n\n\n\n
    3. After creating your new project click the Settings<\/strong> menu icon.<\/p>\n\n\n\n
    Then select Project Settings<\/strong> option. After that a new Settings page will open.<\/p>\n\n\n\n
    \"Hybrid-Mobile-App-Firebase-console\"<\/figure>\n\n\n\n
    4. After entering the Settings page, go to the Cloud Messaging<\/strong> tab. From here you will find your Project Credentials. Copy then save your Server Key<\/strong> and Sender ID<\/strong> as visible below.<\/p>\n\n\n\n
    \"Hybrid-Mobile-App-Settings-Firebase-console\"<\/figure>\n\n\n\n
    \n
    Module Configuration<\/h3>\n<\/div><\/div>\n\n\n\n
    After that, visit administration Configration->Plugin Manager->Installed<\/strong><\/p>\n\n\n\n
    Here you have to enter your Firebase project credentials<\/strong>. Enter the Server key<\/strong> and Sender ID<\/strong> as shown in the below screenshot.<\/p>\n\n\n\n
    \"Shopware-hybrid-mobile-app-server-key\"<\/figure>\n\n\n\n
    After that click the Save Config<\/strong> button to apply changes.<\/p>\n\n\n\n
    Publish On Google Play & Apple App Store<\/h3><\/div>
    \n
    After receiving the prerequisite 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\n\n\n
    To publish the mobile app, you can either do it yourself or we can do it on behalf of you. To do so, you must have the below details:<\/p>\n\n\n\n