Shopping App

This is a step by step guide to creating a shopping app.

Shopping App

Features included in the app:

  1. Online Store
  2. Payment Gateways
  3. Loyalty Program
  4. Engagement Campaigns
  5. Talk to Admin
  6. Search
  7. Google Ads

Module Installation

1.) To install a module, click on one of the module categories, placed on the right, you can choose from 30+ modules that serve different functions.

modulesmodules

2.) Drag one of the modules and drop it into your Home Menu's setup area.

searchmodulesearchmodule

3.) That's it! Your module is now installed.

Now we're gonna take one feature at a time and explain it.

Online Store

A fully-functional e-commerce store where you can sell your products or services.

storestore

Installation

You can install this module in your app in the following places:

  • App's Home Menu ✓
  • App's Side Menu x

You can find the channel modules in the Mobile Store category.

storestore

Drag and drop the module into your home menu to install it.

storemodulestoremodule

Duplicability

This module can only be installed on your home menu.

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, you can rename the module and choose an Android and an iOS icon for it.

2.) Click on the gear icon to configure the settings of the module.

Once you install the store module, the store management menu will appear in the admin menu.

storemanagementstoremanagement

  • The m-Store: This is where you can create your stores, you can have one main store or multiple small stores in your channels.

  • Products: This is the products section where you can create new products to add them to your store.

  • Bundles: A bundle is a group of products that are bought together as one product.

  • Multi-tiered plans: A multi-tiered plan gives your user to choose from multiple pre-selected items, think of small, medium, and large t-shirt sizes and the user gets to choose their size.

  • Product add-on: This feature allows you to add extra items to a product, think of a pizza as a product, and extra olives as the item.

  • Orders: This is where you can monitor your clients' orders and transactions.

Setting Up a Store

This is where you can create your stores, you can have one main store or multiple small stores.

1.) From the side menu, click on mstore.

mstoremstore

2.) Click on create to create a new store.

createmstorecreatemstore

3.) Enter the details of your store, and notice if you check the default option, this will become your main store.

storedetailsstoredetails

4.) Next, hover over the store you created and click the edit button.

editstoreeditstore

5.) Click on edit to assign the channel you created as the owner of the store.

assignownerassignowner

6.) Select the channel, and click insert.

insertchannelinsertchannel

Create a Product

1.) To create products to add to the store, click on products from the side menu.

productsproducts

2.) Click on create to create a new product.

createproductcreateproduct

3.) Enter your product details.

newproductnewproduct

Note that:

  • The display title is the product name that the users will see.

  • The SKU is a unique code to identify each product based on brand, style, color, or size.

  • The max unit per order is the maximum number that a user can order this product.

    4.) Once you created the product, hover over it and click on the edit button.

    5.) Here you can add searchable keywords that your product can appear under.

keywordskeywords

You also have the option to add product add-ons to further customize the product, click here to jump to the adding product add-ons page.

productaddonproductaddon

6.) Don't forget to save when you finish.

7.) After you created the product, you can list it in the store you created. Go back to the mStore page, hover over the store you created, and click edit on the store you created.

editstoreeditstore

8.) Click add items.

additemsadditems

9.) Select the product you want to add and click insert.

Now your product has been added.

insertproductinsertproduct

Now your product has been added.

productaddedproductadded

10.) Note that you can insert bundles, multi-tiered plans, and mini-stores the same way.

Creating a New Bundle

A bundle is a group of products that are bought together as one product.

1.) From the side menu, click on bundles.

bundlesbundles

2.) Click create to create a new bundle.

createbundlecreatebundle

3.) Enter the bundle details and click create.

bundledetailsbundledetails

4.) To add products to the bundle, click on the edit button.

editbundleeditbundle

5.) Scroll down to the bottom of the page and click on add products.

addproductstobundleaddproductstobundle

6.) Select the products that you want to add and click insert.

insertproductsinsertproducts

Creating a New Multi-tiered Plan

A multi-tiered plan gives your user to choose from multiple pre-selected items, think of small, medium, and large pepperoni pizza and the user gets to choose their size.

1.) From the side menu, click on multi-tiered plans.

multi-tieredmulti-tiered

2.) Click create to create a new multi-tiered plan.

newmultinewmulti

3.) Enter the multi-tiered plan details and click create.

4.) To add products to the multi-tiered plan, hover over the plan and click on the edit button.

5.) Scroll down to the bottom of the page and click on add products.

6.) Select the products that you want to add and click insert.

insertmultiinsertmulti

Adding Product Add-Ons

This feature allows you to add extra items to a product, think of a pizza as a product, and extra meat as the item.

androiddisplayandroiddisplay

1.) From the side menu, click on product add-ons.

productaddonsideproductaddonside

2.) Click create to create product add-ons.

createproductaddoncreateproductaddon

3.) Enter the product add-on details and click create.

addondetailsaddondetails

4.) Click on the edit button to assign it to a product or a bundle.

editaddoneditaddon

5.) Scroll down till you reach the sub-menu and then click add submenu.

addsubmenuaddsubmenu

A submenu is a sub-option given to users under the add-on that you created. So, for example, you can create the product add-on to be olives, and you can create three submenus to olives:

  • Extra Olives

  • Regular Olives

  • No Olives

    6.) Enter the details of the submenu and click create new.

newsubmenunewsubmenu

7.) You can then assign the minimum and the maximum number of items under each submenu.

minmaxminmax

8.) You can also add another submenu under the main submenu, click on the blue button to do that.

addnewsubmenuaddnewsubmenu

You can create multiple submenus and multiple items under each submenu.

10.) When you're done, click on the green add button to assign the product add-on to the specific submenu you already created, if you didn't create a product yet, create one, so you can assign the product add-ons to it.

11.) Don't forget to save when you finish.

saveaddonsaveaddon

12.) Next, we will add the product add-on that we created to a specific product.

Click edit on the product that you want to add the add-on to.

editproduct2editproduct2

13.) Scroll down to the bottom and click on assign product add-on.

assignaddonassignaddon

14.) Select the add-on and click insert.

selectaddonselectaddon

Checking Your Orders

This is where you can monitor your clients' orders and transactions.

To check your orders' status, click on the orders page.

sideordersideorder

You can check all the details of your users' orders.

ordersorders

Setting Your Main Store

After you are done configuring your store, click on the gear icon.

geargear

Select the option to make this store your main store.

defaultdefault

Payment Gateways

This section will allow you to choose how your customers will pay in your app.

Go to the app settings page, and click on App Settings from the top menu.

appsettingsappsettings

Scroll down to find the payment options.

paymentspayments

Credit Card

Users can pay through credit card using one of the following payment gateways:

Stripe is one of the major payment gateways that will allow your customers to shop and buy your products using their credit or debit card.

Follow the steps in this article to integrate your app with Stripe.

Follow the steps in this article to integrate your app with PayPal.

You can also enable the Cash Option.

cashcash

In-App Purchases

In-App purchases allow your customers to make additional purchases in your app.

inapp

Follow the steps in this article to enable in-app purchases in your app.

Loyalty & Competition

The loyalty wallet is associated with an interactive feed to lure customers to your loyalty program.

Users can collect points in a digital wallet to redeem later with coupons or free products.

loyaltyloyalty

Installation

You can install this module in your app in the following places:

  • App's Home Menu ✓
  • App's Side Menu ✕

You can find the loyalty module in the social category.

socialsocial

Drag and drop the module into your home menu to install it.

loyaltymoduleloyaltymodule

Duplicability

This module cannot be duplicated in several sections in your app ✕

Configuration

1.) Once you installed the module, by dragging and dropping it in the home menu, you can rename the module and choose an Android and an iOS icon for it.

iconsicons

2.) Click on the gear icon to configure the settings of the module.

gearicongearicon

3.) In the settings tab, you can customize the main page for the loyalty module that will be displayed to your users, the page will display the number of points that users collected and how many points remain until they hit the target you set and receive their prize (either points or coupons).

Which will look something like this:

unschoolunschool

You can set an image of the display message, rename the title, the description, and the target points after which your users will receive a prize, you can also edit the colors of the target points, earned points, and the text color in the message,

settingssettings

4.) After you're done editing, you will be able to see the displayed message on iOS and Android.

iOSAndroid
iosiosandroidandroid

5.) From the layout tab, you can choose the display style from a wide or side view.

layoutlayout

6.) You can check out the features from the last tab.

featuresfeatures

7.) Don't forget to save after any change you make.

savesave

User Selectable Features

  • Talk to Admin

    For app users to chat directly with the admin, this feature allows your users to share their thoughts and give you instant feedback on your posts.

    talktoadmintalktoadmin

  • Sticky Note

    Add promo points to your posts for users to collect and redeem, it is displayed as a small bubble that is attached to the bottom right side of the post.

stickynotestickynote You can also choose the background and text color.

stickysticky

  • Post Footer

    Gives your posts the look and feel of a Facebook page, you can choose to add the like button, reply button, the number of views, and the share button.

You can also customize the heart color with the like button.

footerfooter

  • Post Filter

    To allow specific users (tags) to see your posts. This feature can be used to target a specific segment of your users.

filterfilter

Click here to know how to create a new tag.

  • Context Menu

    Displays a set of actions to be done to the selected content.

contextmenucontextmenu

Scroll down to the bottom of the list.

contextcontext

There is one action (delete) that is shown by default and eight actions that are user-selectable which are:

  • Edit

  • Copy

  • Forward

  • Share

  • Save to Gallery

  • Report Abuse

  • Save to Music

  • Save to Downloads

    Click on the toggle to activate or deactivate the action.

toggletoggle

You can also change the order of the actions, click and hold the move icon and drag up and down to move the action.

rearrangerearrange

You can also disable the feature altogether.

disabledisable

Don't forget to save after you are done with the configuration.

savecontextsavecontext

Must-Have Modules

It's better to add these modules to your app's Side Menu (step 3)

  • Posts: It will enable you to publish post messages, images, videos, GIFs, and files.
  • User Channels: It shows the users a list of all channels they have joined on your app.

Complementary Modules

  • Channels List: It shows a list of all your app's channels for users to join.

  • Polls: It enables creating polls and attaching them to posts.

Module Walkthrough

Activating the Loyalty Module

1.) From the side menu, click on campaign.

campaginscampagins

A campaign is a competition you customize that includes certain triggers that you can choose (user likes a post, user shares a post, user joins a channel), these triggers make the user eligible to enter the qualifications to win prizes that you choose (points or coupons).

2.) Click create or the small icon at the bottom right side of the page, to be prompted with a pop-up window where you can create a campaign.

createcampaigncreatecampaign

3.) You will find fields as follows:

  • Campaign name: The name of your campaign.

  • Date Duration: The running period of this campaign, set the start and end date in which your campaign will be active.

  • Days: The days in which your campaign will run, and which hours during the day.

  • Poll: You can also set up a poll where your users can win if they chose a certain answer you set, from the setup section, click on add poll.

    If you haven't created a poll, click here to jump to the create poll section.

  • Time: Set the time which the campaign will run, 0 means midnight up to 23 which is 11 PM.
    So if you want your campaign to run from 11 AM to 11 PM, set it from 11 to 23 as shown below.

timetime

Time Zone: Select your time zone.

4.) Next, select the trigger after which the user will qualify to win.

eventsevents

5.) You can choose from different triggering options.

triggertrigger

6.) You can also select which messages your campaign will run on.

messagesmessages

7.) If you choose "Specific Message", you will be prompted with a window, in which you can create a new scheduled post.

addmessageaddmessage

8.) Click on add new to create a new post, you will be prompted with a new post screen, where you can edit your post.

newmessagenewmessage

9.) When you are ready to schedule your post, click the calendar icon at the bottom.

scheduleschedule

10.) Choose the date and time of the post to be published.

timeanddatetimeanddate

11.) Then click send.

sendsend

12.) Select the post you created and click insert.

insertinsert

15.) Once you're done, click next to move to the qualification criteria.

16.) The qualification criteria allow you to choose how many events are required for the user to qualify for winning, if you select "Only" and enter a number, then the user has to activate the trigger you specified equal to the number that you specified to qualify to win, so for example, if you set the trigger as "Like" and set it "Only" and enter the target to "3", then the user has to like three posts for them to qualify for winning.

17.) However, if you set it to "Every" and set a target to "3" and the per section to "Week", then the user has to like three posts EVERY week to be able to qualify to win, you can choose from different periods.

qualificationqualification

18.) Once you set the qualification criteria, click next.

19.) Next, you have the winning selection section, where you can determine the maximum number of winners.

winningsectionwinningsection

20.) You can also choose how the winners will be selected, if you set it to "Everyone Will Win" then the first number you set in the "Maximum number of winners" will be the number of users who will win, so for example, if you assigned the trigger to qualify as "Like" and the maximum number of winners to 10, and a thousand users liked a post, only the first ten will win.

whowillwinwhowillwin

21.) However, if you selected "Random", then you can determine the number of winners from a group of qualifiers, so if you entered the values 1 out of 10, then 1 user will win out of each 10 qualifiers.

randomrandom

22.) You can also limit the number of winners per day to a certain number, you can also restrict a user to win more than once per a certain period, just tick the option you want and configure it.

advancedadvanced

23.) Finally, you have the Award section.

awardaward

24.) You can select the award type from points or coupons.

awardtypeawardtype

25.) If you select points, enter the number of points that the user will be awarded, and choose "Loyalty" from the drop-down menu.

pointspoints

26.) If you chose a coupon, click on add coupon.

couponcoupon

27.) Click on add new.

newcouponnewcoupon

28.) Enter the coupon name, description, and expiry date, you can also allow the option for sharing with others. Set the value of the coupon and assign a UPC (Universal Product Code) for it, which is a unique code for the system to identify and redeem the coupon when the user chooses to.

createcouponcreatecoupon

29.) After you created the coupon, select it, and click on insert.

insertcouponinsertcoupon

30.) You can also set an award message that the user will receive when they win, click on "Add Message" to create one.

addawardmessageaddawardmessage

31.) Click on add new.

newmessagenewmessage

32.) Type your award message and click send.

awardmessageawardmessage

33.) Select your message and click insert.

insertawardmessageinsertawardmessage

34.) When you are done, click finish.

Create a Coupon

From the admin menu, click on Coupon.

couponscoupons

Enter the coupon name, description, and expiry date, you can also allow the option for sharing with others. Set the value of the coupon and assign a UPC (Universal Product Code) for it, which is a unique code for the system to identify and redeem the coupon when the user chooses to.

createcouponscreatecoupons

Create a Poll

1.) From the side menu, click on polls.

pollspolls

2.) Click create to create a new poll.

createpollcreatepoll

3.) Enter the poll name and response message once the user picks a choice, click on the "+" button to create a new choice.

polldetailspolldetails

4.) Once you click on it, you will be prompted with a window where you can edit the style of the button.

pollstylepollstyle

5.) Once you chose the poll you can click on each button to edit it.

editpolleditpoll

6.) Click on the button to edit its title, description, and URL.

buttontitlebuttontitle

7.) Once you're done click back and then click save poll.

savepollsavepoll

Create a Competition Poll

1.) You can also assign the trigger to be when a user chooses a certain answer in a poll, to do that, get back to the events section and click "Add Triggers"

events2events2

2.) Choose "Button".

buttonbutton

3.) From the setup section, click on add poll.

addpolladdpoll

4.) Choose the poll that you created and click "Insert".

insertpollinsertpoll

5.) You can then choose which choice the user will qualify if they chose it.

correctchoicecorrectchoice

Engagement Campaigns

Using the feed module, you can launch campaigns and offers to keep your customers hooked all the time. This module enables you to have an instant feed on your app like that of a Facebook page or a Telegram channel; customers can interact with your posts by liking, sharing, or writing comments.

androiddisplayandroiddisplay

Installation

You can install this module in your app in the following places:

  • App's Home Menu ✓
  • App's Side Menu ✕

You can find the channel modules in the social category.

Drag and drop the module into your home to install it.

postsandfeedpostsandfeed

Duplicability

This module can only be installed in your home menu.

You can check out the feed's main features here.

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, you can rename the module and choose an Android and an iOS icon for it.

iconicon

2.) Click on the gear icon to configure the settings of the module.

gearicongearicon

3.) From the settings, you have the option to include ads in your app, using Google AdMob Module.

Note that you have to install Google AdMob Module first.

Don't forget to click save once you are done.

enableadsenableads

Don't forget to click save.

4.) You can also choose the layout of the posts to be either wide or on the left side as shown.

layoutlayout

5.) To configure the features, click on features.

featuresfeatures

User Selectable Features

  • Talk to Admin

    For app users to chat directly with the admin, this feature allows your users to share their thoughts and give you instant feedback on your posts.

    talktoadmintalktoadmin

  • Sticky Note

    Add promo points to your posts for users to collect and redeem, it is displayed as a small bubble that is attached to the bottom right side of the post.

stickynotestickynote
  • You can also choose the background and text color.

stickysticky

  • Post Footer

    Scroll at the very end of the features, you'll find a post footer that gives your posts the look and feel of a Facebook page, you can choose to add the like button, the reply button, the number of views, and the share button. You can also customize the heart color with the like button.

footerfooter

  • Post Filter

    To allow specific users (tags) to see your posts. This feature can be used to target a specific segment of your users.

filterfilter

Click here to know how to create a new tag.

  • Context Menu

Displays a set of actions to be done to the selected content.

contextmenucontextmenu Scroll down to the bottom of the list.

contextmenucontextmenu

There is one action (delete) that is shown by default and eight actions that are user-selectable which are:

  • Edit

  • Copy

  • Forward

  • Share

  • Save to Gallery

  • Report Abuse

  • Save to Music

  • Save to Downloads

    Click on the toggle to activate or deactivate the action.

toggletoggle

You can also change the order of the actions, click and hold the move icon and drag up and down to move the action.

rearrangerearrange

You can also disable the feature altogether.

disablefeaturedisablefeature

Don't forget to save after you are done with the configuration.

saveprogresssaveprogress

Must-Have Modules

It's better to add these modules to your App's Side Menu (step 3)

  • Active Channels: It shows the user a list of the recently-posting channels they have joined on your app.
  • User Channels: It shows the users a list of all channels they have joined on your app.

Complementary Modules

  • Channels List: It shows a list of all your app's channels for users to join.
  • Calendar: It enables creating timetables/schedules and publishing them attached to posts.
  • Polls: It enables creating polls and attaching them to posts.

Similar Apps

FacebookLinkedInTwitterInstagram
facebookfacebooklinkedinlinkedintwittertwitterinstagraminstagram

Module Walkthrough

Activating the Posts Module

1.) From the side menu click posts.

2.) Click this icon to create a new post.

newpostnewpost

3.) You have the option to post a text message and change the background color just like Facebook, just choose the color you want and enter the content of your post.

changebackgroundchangebackground

And your post will look like this after editing.

nandboxFacebook
nandboxpostnandboxpostfacebookpostfacebookpost

4.) You can also post a photo, video, gif, audio, or file.

audiogifaudiogif

5.) You can also publish an instant article, have the nandbox app builder fetch a URL and publish its content, or even publish a calendar that includes a list of events, you can easily do that through these buttons respectively.

6.) You can also attach a poll, (note that you have to create a poll before you are able to attach it to a post).

pollpoll

7.) You can also send this post to multiple destinations, click on the plus icon and choose where you want to send your post.

sendtosendto

8.) Once you selected another destination, it will appear here.

adddestinationadddestination

9.) You can also deliver the notifications quietly.

quietquiet

10.) Once you are ready to send your post, click send!

Create a Scheduled Post

1.) From the side menu, click on scheduled post.

scheduleschedule

2.) Click the icon below to create a new scheduled post.

newschedulenewschedule

3.) Click on the schedule icon at the bottom of the screen.

schedulepostschedulepost

4.) Select the date and time, and click schedule post.

5.) Click send to schedule post.

schedulepostsscheduleposts

6.) Your post is now scheduled!

donedone

Create New Tags

1.) From the side menu, click tags.

tagtag

2.) Click create.

createtagcreatetag

3.) Enter the tag name and description, choose whether you want it to be a private tag or not, and then click save.

tagdetailstagdetails

4.) Then you can add users to this tag, and from the side menu, click users.

usersusers

5.) Choose a user and click edit.

edituseredituser

6.) Click add a tag.

addtagaddtag

7.) Select the tag name and click add.

addtagsaddtags

8.) Then save.

savetagsavetag

9.) Now you can send a post to a specific tag.

choosetagchoosetag

10.) Select the tag and click add.

choosetag2choosetag2

  • You can also insert emojis in your post.

emojiemoji

Finally, when you are ready to publish your post, click send.

Talk to Admin

This feature allows you to dedicate a one-to-one chat between an admin that you set and your customers, you can use this feature for customer support, or sales inquiries.

Installation

You can install these modules in your App in the following places:

  • App's Home Menu ✓
  • App's Side Menu ✓

You can find the Direct Chat module in the Communications category.

communicationcommunication

Drag and drop the module into your home or side menu to install it.

directchatdirectchat

Duplicability

This module can be duplicated in several sections in your app ✓

Click here to check out the features of the direct chat module.

1.) Once you installed the module, by dragging and dropping it in the home or side menu, you can rename the module and choose an Android and an iOS icon for it.

iconicon

2.) Click on the gear icon to configure the settings of the module.

geargear

3.) Click on add to choose which member of your app to link the chat with.

adduseradduser

4.) You can search by the member's name or login ID, tick the member that you want to link the chat with, and click add.

selectuserselectuser

5.) To check out the features, click on features.

Search

The search module provides a search function throughout your entire app, users can find content using key phrases, and you can customize the searchability of content on your app and create filters to categorize your content.

Installation

You can install this module in your app in the following places:

  • App's Home Menu ✓
  • App's Side Menu ✓

You can find the search module in the Essentials category.

essentialsessentials

Drag and drop the module into your home or side menu to install it.

searchsearch

Duplicability

This module can be duplicated in several sections in your app ✓

Main Features

The Search module comprises 4 features, set as default.

1.) Search

A powerful search function that can navigate all over your app, using ElasticSearch, and shows results instantly.

searchsearch

2.) Advanced Search

A feature to add additional search filters, customized based on which content you want your users to find.

3.) Keyword Search

Allows users to search through your app using key phrases.

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, hit the gear icon to configure the settings of the module.

iconsicons

2.) Here you can rename the module and choose an Android and an iOS icon for it.

geargear

3.) Here you can change the background image displayed when you open the search module.

backgroundbackground

Which looks something like this:

backgroundbackground

4.) Next, you can choose the button icon and the icon and button color.

stylestyle

As shown below:

searchcolorsearchcolor

5.) Enter the title and the description of the search page.

titletitle

Which will be displayed as follows:

descriptiondescription

6.) You can enable text search, which will allow users to search the entire app using a certain key phrase, you can also assign the search to function using a certain criterion (Area, Country, Product)

hintshints

7.) Here, you can select where your keyword will be searchable in your app, so if you check group, the search results will be displayed from groups, check all if you wish the search to be in every section of your app.

typetype

Set up a Search Filter

1.) Scroll down to the bottom of the page and click on setup under the filter option.

2.) You have the option to include up to three filters, these filters can be assigned to any elements like channel, group, booking, or event so that when people search for these filters, the elements can come up.

searchcriteriasearchcriteria

3.) When you go back to the channel from the side menu.

channelschannels

4.) Hover over the channel and click edit.

editchanneleditchannel

5.) You can assign the filter under which this channel will come up.

assignsearchassignsearch

From the settings, you have the option to include ads in your app, using Google AdMob Module.

Note that you have to install Google AdMob Module first.

Don't forget to click save once you are done.

Don't forget to click save after you finish.

savesave

Google Ads

This section will enable you to activate Google Ad Mob in your app.

1.) Firstly, create a Google Ad Mob account.

2.) From the navigation menu, click on apps.

3.) Click on add your first app.

addappaddapp

4.) Select the platform of your app.

platformplatform

5.) If your app is published on Google Play Store or App Store, select yes, if not, select no.

applistedapplisted

6.) Next, enter the app name and click add app.

appnameappname

7.) Click on create ad unit to start creating ads.

adunitadunit

8.) Next, select the ad type, currently, nandbox app builder supports the banner and the native advanced format.

adtypeadtype

The banner type will look like this:

googleleadgooglelead The native advanced type will look like this: googlelead2googlelead2

9.) Click on the banner type, enter the ad name and click create ad unit.

createadunitcreateadunit

You will be prompted with two keys.

keyskeys

10.) Open nandbox app builder.

11.) Go to App settings.

appsettingsappsettings

12.) Click on Google ads.

googleadsgoogleads

13.) You will be prompted with the following screen.

androidandroid

14.) Copy the first key (Google ad app ID).

15.) Paste it in the Ad Google Key section in nandbox app builder.

firstfieldfirstfield

16.) Next, copy the second key (banner key).

bannerkeybannerkey

17.) Paste it in the Ad Banner Key section in nandbox app builder.

secondfieldsecondfield

18.) Next, click create another ad unit.

anotheradanotherad

19.) Select Native advanced.

nativenative

20.) Enter the ad name and click create ad unit.

adunitadunit

21.) Copy the second key (native key).

nativekeynativekey

22.) Paste it in the Ad Native Key section in nandbox app builder.

thirdfieldthirdfield

23.) Next, select which ad you wish to activate and click save.

activationactivation

24.) You can repeat the same process with the iOS version of your app.

iosios

25.) Enter the ad frequency, which is the number of posts after which an ad will appear.

frequencyfrequency

26.) Next, you need to activate the ads in the modules that you installed in your app.

27.) Click on the configuration icon on the installed module.

27.) Toggle the button to enable ads.


Did this page help you?