Key Features

First of all, you’ve got a great choice, I must tell you that! Learning a new app may seem daunting at times, but the Hulk’s Mobile App Builder is simple & easy to use app that lets you create a mobile app in a matter of time.

So, reading this article creates no wonder that you’re looking for a support guide that can help you set up the sections & branding for your mobile app. You’re at the right place, right below I’ve set up a complete guide to walking you through the steps of setting up the sections & branding.

Keep reading… 😛

Follow the below steps to get started:

1. Go to your Shopify store

2. Click on ‘Hulk Mobile App Builder’ at the left corner of your store

   

3. On the top menu, click on ‘Customize’

   
4. As soon as you click on ‘Customize’, you will be redirected directly to the area of the ‘section’, wherein you will be required to add & customize the sections as per your requirements.

   Initially, you will be able to see a blank screen as we do not have any sections set up for your store.

   
5. Click on ‘Add more’ to add a new section to your Mobile app. As soon as you click, you will be shown a list of sections that you can embed in your mobile app.

   Hulk’s Mobile App Builder offers below listed sections, that you can use ‘n’ number of times as & when needed.

• Image
  • Slideshow
  • Image banner
  • Trust badge
  • Logo list
• Collection
  • Collection list
  • Featured collection
• Text
  • Text block
  • Flash sale text
• Advanced Text
  • Video
  • Social Media
  • Separator
  • Countdown timer
  • Welcome offer popup

Users of any plan can make use of any number of sections as per their requirements. There's no limitations upon using the sections as per the plans.

Please view the video 'OR' follow the steps below & to enable product/collections in your mobile app from your Shopify Product module.

Steps to enable Products:

1. Go to your Shopify store

2. Click on ‘Products’ at the left corner of your store

   

3. In the 'All Products' menu, check the option to select all the ‘Products’ available in your shopify store.

   

4. Click on the 'More actions' dropdown menu and click on the 'Make Products Available' option.

   

5. As soon as you click on the button a popup will appear to select the sales channel where we need to select the 'Hulk Mobile App Builder' sales channel to enable the products in our mobile app.

   

Steps to enable Collections:

1. Click on ‘Collection’ menu available under the Products module in the left corner of your store

2. Check the option to select all the ‘Collections’ available in your shopify store.

   

3. Click on the 'Actions' dropdown menu and click on the 'Make Collections Available' option.

   

4. As soon as you click on the button a popup will appear to select the sales channel where we need to select the 'Hulk Mobile App Builder' sales channel to enable the collections in our mobile app.

   

Follow the steps below & begin setting up the slideshow in your mobile app using the Hulk’s Mobile App Builder.

1. Go to your Shopify store

2. Click on ‘Hulk Mobile App Builder’ at the left corner of your store

   

3. On the top menu, click on ‘Customize’

   
4. As soon as you click on ‘Customize’, you will be redirected directly to the area of the ‘section’, wherein you will be required to add & customize the sections as per your requirements.

   Initially, you will be able to see a blank screen as we do not have any sections set up for your store...

5. To add a slideshow, click on ‘Slideshow’ and you will find an ‘Add’ button as soon as you click on ‘Slideshow’.

6. Click on the ‘Add’ button and you will be able to see a stack of settings that can be configured to create and embed a slider of your choice.

   

   You can add the slider images from the ‘CONTENT’ section. By default, that app has 3 slider images. You can click on ‘Add more’, to add more of your slider images

   
7. Click on one of the Slide Image and you’ll find the placeholder image as the default image. To change the placeholder image, click on ‘Change’ & upload a slider image from your system.

   To get the best out of your Slider, follow the recommendations for the resolutions of the slider image i.e 800px * 600px

8. You can also link a slider with any of the products/collections/pages of your store. To do this, paste the link here:

   

   Similar way, you can add more sliders to your app & link them to their respective pages.

   

Follow the steps below & begin setting up the slideshow in your mobile app using the Hulk’s Mobile App Builder.

1. Go to your Shopify store

2. Click on ‘Hulk Mobile App Builder’ at the left corner of your store

   

3. On the top menu, click on ‘Customize’

   
4. As soon as you click on ‘Customize’, you will be redirected directly to the area of the ‘section’, wherein you will be required to add & customize the sections as per your requirements.

   Initially, you will be able to see a blank screen as we do not have any sections set up for your store...

5. To add an image banner, click on ‘Image Banner’ and you will find an ‘Add’ button as soon as you click on Image Banner.

6. Click on the ‘Add’ button and you will be able to see a stack of settings that can be configured to create and embed an image banner of your choice.

   
7. You’ll find the placeholder image as the default image. To change the placeholder image, click on ‘Change’ & upload a banner image from your system.

   To get the best out of your banner image, follow the recommendations for the resolutions of the banner image i.e 800px * 800px

8. You can also link the image banner with any of the products/collections/pages of your store. To do this, paste the link here:

   

Follow the steps below & begin setting up the Trust Badge(s) in your mobile app using the Hulk’s Mobile App Builder.

1. Go to your Shopify store

2. Click on ‘Hulk Mobile App Builder’ at the left corner of your store

   

3. On the top menu, click on ‘Customize’.

   
4. As soon as you click on ‘Customize’, you will be redirected directly to the area of the ‘section’, wherein you will be required to add & customize the sections as per your requirements.

   Initially, you will be able to see a blank screen as we do not have any sections set up for your store...

5. To add the Trust Badge(s), click on ‘Trust badge’ and you will find an ‘Add’ button as soon as you click on the Trust badge.

6. Click on the ‘Add’ button and you will be able to see a stack of Trust badge settings that can be configured to create and embed Trust badge(s) of your choice.

   
7. You’ll find the placeholder badges as the default Trust badges. To change the placeholder badges, click on ‘Change’ & upload a badge from your system.

   To showcase your Trust badge(s) at its best, follow the recommendations for the resolutions of the trust badge(s) i.e 512px * 512px

8. You can also link the trust badges with any of the external or internal pages of your store. To do this, paste the link here:

   

To set up your Product page for your store mobile app, simply follow the below steps & get your app ready for launch in no time!

1. Go to your Shopify store

2. Click on ‘Hulk Mobile App Builder’ at the left corner of your store

   

3. Select ‘Product’ from the drop-down menu.

   As soon as you click on the ‘Product’, you’ll find a predefined template with numerous configuration options.

4. Configure the settings as per your preferences while watching the preview of your product page in your mobile app simultaneously.

   

   You can also add a custom block if you want to go advanced.

   

   You can add ‘n’ number of custom blocks into your Product page. Hence, apart from utilizing the predefined product template, you’re also blessed with the custom blocks to help you make your dream store come true.

To set up the Collection page for your store mobile app, simply follow the below steps & get your app ready for launch in no time!

1. Go to your Shopify store

2. Click on ‘Hulk Mobile App Builder’ at the left corner of your store

   

3. Select ‘Collection’ from the drop-down menu.

   

   As soon as you click on the ‘Collection’, you’ll find a predefined template with numerous configuration options.

4. Configure the settings as per your preferences while watching the preview of your collection page in your mobile app simultaneously.

   

You can also remove a filter by clicking on the ‘Remove filter’

If you’re a Pro+ user, you can also create a custom filter of your choice. All you need to do is follow the below steps.

1. Click on ‘Add Filter’

   

2. Select the type of filter you wish to create.

   • Prices filter
   • Tags filter
   • Color filter

If you select a Prices filter, then you will be able to define the price ranges for the filter

If you select Tags filter, then you will be able to define tags for any value you want to display in the filter.

If you select the Color filter, you will be able to define the color values in the filter.

1. Select the type of filter you wish to create, let’s say a color filter. Add Title and color values in the list and your color filter is all set!

   

With Hulk’s Mobile App Builder, you’ll be able to feature-rich push notification campaigns to your users. Not only this, but the feature-rich push notifications also come along with the flexibility to use images in the push notifications and many more in the PRO version of the app.

+ For the Basic plan, users are able to send up to 5 Push Notification campaigns

+ For the Pro plan, users are able to send up to 10 Push Notification campaigns

+ For the Pro+ plan, users are able to send unlimited Push Notification campaigns

Schedule Push Notifications

Hulk’s Mobile App Builder allows you to schedule the Push Notifications as per your requirements. This lets you get yourself ready with the promotional assets when you’re planning for launch. It takes away the post-launch burden and gives you the ability to get everything prepared before the launch so none of your customers remains uninformed.

Here’s how you create & schedule a Push Notification in the Hulk Mobile App Builder:

1. Go to your Shopify store

2. Click on ‘Hulk Mobile App Builder’ at the left corner of your store

   

3. Click on ‘Notifications’ and select ‘Push Notification’

   

4. To create a Push Notification, click on ‘New Notification’

   

5. It’s time for you to add a Heading and a Body text the way you like. You can see the preview just beside the configurations. This will help you go right with the text length & feel.

   
6. Now, if you want to schedule the ‘Push Notification’, you can simply select the checkbox before ‘Schedule’ and add the ‘Start date’ & ‘Start time’

   Start date : The date on which you want to schedule the Push Notifications

   Start time : The time when you want to send the scheduled Push Notifications

   Please Note : Both the start date & start time have to be introduced keeping UTC format in mind.

   
7. You can redirect the users to the Product page, Collection page or any custom page of your site. You can do this by adding a link to the desired page where you want to redirect your users under the ‘Select Action’ option.

   Select a Collection, Product or page from the drop-down list.

   

8. It’s time to select the segment i.e the users whom you want to send the Push Notifications. This can be done by selecting a value of segment from the ‘Segment’ drop-down.

   

   Remember, based on your selected segment only the Push Notifications will be sent. Hence, it’s an important part of your procedure. Handle it with real care.

9. You can also add an image to your Push Notification by clicking on ‘select media’. View the preview and go with the best media.

   

10. Save your Push Notifications configurations by clicking on the ‘Save’ button.

    

    This is when you schedule the Push Notification. Now, if you want to send it immediately after creating & configuring it, you can avoid clicking on the ‘Schedule’ button and simply click on ‘Save’ after you finish configuring the Push Notification. Once you click on the ‘Save’ button, the Push Notification you’ve created shall be sent to the segment you’ve created.

Moreover, you can find all the scheduled notifications by following the below steps:

1. Click on ‘Notifications’ and select ‘Push Notification’
2. Click on ‘Scheduled Notification’ and you’ll see a list of notifications you’ve scheduled.

3. Under the same settings, you’ll find a ‘Notification History’ wherein you’ll see the different versions of notifications that you’ve saved after configuring it.

   

Create An Apple Developer Account

Before Opening an Apple Developer Account: It is required by Apple to have a unique (Business) developer account for each app you submit (It is recommended that the 'team name'/business name will be identical to the app name.) Meaning, the owner of the apple developer account must be the owner of the app which is being submitted. Third party members can not submit an app in their account on behalf of someone else e.g. reseller accounts.

Apple will enforce this heavily and will require documentation showing the explicit connection between the apple developer account, app owner and all of its content.

You will need to have ready once the app is submitted, a signed PDF including the logo, names, signatures etc. showing the above is true. Should you have any further questions about this process, feel free to contact our support at support@swiftic.com.

To submit an app to the Apple App Store, you first need to set up a developer account. To submit your app as a paid app, you will also need to set up a Paid Applications Contract with the Apple App Store.

Note: For this account, Apple charges an annual fee of $99. It is required by Apple to have a unique developer account for each app you submit (We recommend that the 'team name' will be identical as the app name).

The good news is, once you have set up your developer account, we can do the rest for you!

Once your developer account has been approved, we can submit your app to the marketplaces for you—one of the services included for those who have purchased a Swiftic app plan.

Create an Apple ID if you do not already have one.

1. Click here

2. Click Create Apple ID.

   

3. Provide your personal information and click Create Apple ID.

   

4. Check your email account and verify your email address, by clicking Verify Now

   

5. Enter your credentials, and click Verify Now.

   

6. Your email is verified.

   

1. Click here.

2. Review the agreement, select the confirmation checkbox and click Submit.

   
3. Select your Entity Type (ex. individual, company/organization, government) and click Continue.

   Note: For small businesses, we recommend selecting an individual account (unless you would like to be registered as a company, and you already own a D-U-N-S number).

   

4. Fill out your contact information.

   

5. After reviewing the Apple Developer Program License Agreement, check the box to agree and click Continue.

   
6. Review all your information and click Continue.

7. Click Purchase to complete your purchase (an annual fee of $99).

   

8. Enter your payment information and click Continue.

   

That's it! Once you have completed the payment process, all you have to do is wait for an email from Apple approving your payment.

Note: The payment verification might take a few days (in some cases up to two weeks). Once approved, your iTunes Connect account will automatically be opened by Apple (submitting an app to the Apple App Store requires an iTunes connect account, which is separate from a developer account).

Create A Google Play Developer Account

Get your app on the Google Play store to let Android users download and use your app on their smartphones and tablets.

In order to submit your app to Google Play, you must first create a Google Play developer account.

Note: Google Play charges a $25 one-time developer fee.

To set up your Google Play account:

1. Click here.

2. Click on ‘Create an Account’.

   

3. Fill out the form, and click Next Step.

   
4. Click Back to Google Play Developer Console.

5. Select the Google Play Developer distribution agreement check-box to acknowledge your agreement, and click Continue to payment to pay the one-time $25 fee.

   
6. Enter your payment information, and click Accept and continue.
7. You will receive an email from Google notifying you when your account is ready to be activated.

   Note: This process can take up top a week.

8. Activate your account.

Congratulations 🎉 you can now submit your app to the Google Play store.

To dispatch a mobile app in the Apple Store and Google Play store, you must plan your app for the submission process. Between the App Store Review Guidelines and optimizing your App’s store profiles, this could be a daunting process particularly if this is the first app launch.

Lucky for you, Hulk’s team of mobile experts are here to help you through the process.

In order to launch an app on Hulk’s Mobile App Builder, your business must be recognized as a legal entity. This means your business must be a corporation, limited partnership, or limited liability company.

Also, please note that the Google and Apple Store enrollment processes vary. The Google Play Account can be set up in as little as 30 minutes, while the Apple Developer Account may take between 3 to 14 business days.

With that, here’s what our Customer Success Team needs to launch your app so you can share it with the world:

(Step 1) Create An Apple Developer Accounts

(Step 2) Create A Google Play Developer Account

(Step 3) Fill out and submit app listing

To fill out your app listing, simply follow the below steps:

1. Go to your Shopify store

2. Click on ‘Hulk Mobile App Builder’ at the left corner of your store

   

3. Click on ‘Settings’

   

4. Click on ‘App Store Publish’

   

5. Fill in the details. Remember, the details you enter here will be displayed in the play stores to your app users. Try keeping it useful and easy to understand for your users.

   

   This is what your App Store Listing will look like on the App store:

   
6. Click on the ‘Save’ button when you finish filling up the details.

   However, if you ever get stuck in the middle, you can follow the guidelines here:

   

(Step 4) Test the App

Preview the app to get a real-time preview into your user’s experience and design.

We highly recommend completing a test purchase. This is to ensure that your payment provider works with the native checkout.

CONGRATS! If you followed all these steps you’re ready to rumble!