Login

Before starting

How it works

We are going to show you how Tigerappcreator works and go through the entire process of creating an application.

Once you’re registered, you will access this page:

 

how_tiger_works_01

 

You can either start by creating an application or, if you are a reseller, creating your white label administration interface. A white label administration interface enables your clients to handle the everyday management of their applications by connecting to your domain name, rather than by accessing tigerappcreator.com. Your clients won’t see us at all.

Now we are going to examine the process of creating an application.

Enter the name of your application. Say, for example, “Jim’s Burger.” and click on “Create”.

You will access this page:

 

how_tiger_works_02

 

Just choose from one of the available templates to get a prebuilt app with features in it, colors and content, or choose the blank template (or just close this template window) to start with an empty app.
Then this page appears:

how_tiger_works_03

You can see 5 steps to get your app done: Design, Colors, Features, Application, Publication. Let’s see them one by one in details.

1. Design

  • Choose your template

We’ve just see it. By clicking on the button “Choose your design” you will be able to change the template of your app. Take care if you have already chosen some colors and images for your app, they will be replaces by the ones of this template.

  • Choose your layout

Then choose your layout:

how_tiger_works_04

A layout is the type of icons tab bar of your app. If you are ok with the one of your template, you can skip this step. Otherwise you can choose a new tab bar for your app:

…According to whether you would like your application to be a single row of icons:

how_tiger_works_04a

a double row of icons:

how_tiger_works_04b

Six squares:
how_tiger_works_04c
Six circles:
how_tiger_works_04d

Or any other layouts. You can play with them, that will not hurt your app.With some layouts you will have some other options. For example if you choose the layout 1 you will get this option: “Visible from all the application’s pages (removes the homepage)”. By selecting this option, the icon tab bar will be displayed in all your application’s page, it will be persistant in all your pages.

Another option is “Display the homepage slider”, with this option you will be able to upload images to display a slider on your app homepage.

  • Choose your homepage image

From there you can upload the background images that will be used for your homepage. Be sure to upload an image for all screen sizes to match every devices (iPhones, iPads, Android phones and tablets)

If you check the option “Use into all your application’s page”, this image will be set as a background image for all your application’s page.

If you check the option “Hide iOS status bar”, the status bar displaying the time, battery level, etc will not be displayed in your iOS app.

You may also choose the country of the app, it is useful only if you use some features like Mcommerce to display the good currency, and you can also change the font used in your app.

2. Colors

Here you will be able to choose the colors of your application. Click on the elements to the left and you will see on the right in the preview that the element in question will twinkle for a few seconds.
Here are a few explanations to get you started using the graphics palette:

Capture_d’écran_2013-04-18_à_19.13.10

You may begin by using your mouse to choose the color spectrum that you are looking for and then choose the hue. If you know the color’s hexadecimal code (or RGB), you may directly type this code into the fields provided and then click Enter.
Keep in mind that Apple will not validate your application if you choose a kaleidoscope of clashing colors. A design tip: If you are not an expert, keep it simple, for example with white letters on a dark background. Avoid fluorescent colors in particular and you will have the best chances of having your application accepted by Apple.

In “Choose your icon colors” you can activate the option “Transparent”, this way your icon tab bar will have no background color.

3. Features

Adding pages / features to your application:

This part will enable you to create pages / features to your application.

To add pages / features to your application, just click on the features that you wish to add:

how_tiger_works_05

The features will be added here:

how_tiger_works_06

And, of course, in your application, as you can see in the preview on the right:

how_tiger_works_07

Each page corresponds with a feature. This means that each page will have a specific format and function. For example, ‘”News” enables you to display a short news brief and an optional photo to illustrate it, and gives the users of the application the opportunity to give feedback on the news. “Discounts” enables you to create a page with one or more discounts, and so on.

Fill in a page / feature:

To configure a new feature, most of the time you will have to click on the  on the right after having added this feature to your app:

how_tiger_works_09

Then fill in the fields according to the features.

Note that you can have other options for a page:

how_tiger_works_10

With “Manage” you can edit, view, remove a previous setting.

With “Background” you can choose a background image for this page.

With “Design”, if available for this page, you can choose a new way of displaying your items in this page. Here is an example for the Discount feature:

how_tiger_works_11

There are 4 layouts available for a discount page.

To rearrange the page order of your application:

At this point, you have added pages to your application and would like to change the page order. To do so, just hover the mouse over one of your features in “Your pages”.

You will see this icon . Click, drag and drop the icon from your page to the position where you would like it to be. The modification will be visible in the application preview to the right.

4. Application

Here you will provide additional elements necessary for the release of your application.

Home icon:

This icon appears on users’ handheld devices once they have downloaded the application. Example on an IPhone:

icone

Just click on “Modify your icon,” upload the desired image and adjust the dimensions.

Startup image:

The loading image or splash screen is the first image that the user will see when he launches the application. We offer various elements that you can arrange, and you can also upload your own elements.

5. Publication

Here you will enter the additional information necessary for the release of your application.

General information:

Application name: This will be the name of your application in the Apple and Android stores. Choose a short name with less than 30 characters. The name of the business is commonly used. This is here you can change the name of your app if you need to.

Description: Describe the features that your application offers. An example would be “Get your loyalty points directly on your mobile device.”

Keywords: Keywords enable the user to find you in the Apple and Android stores. Enter the name of the business and other appropriate keywords. If your business is a pizzeria, examples would be “restaurant, pizza.” Separate the keywords with commas.

Main category: Choose the category in which you would like your application to be displayed. Generally shops are listed in “Lifestyle,” while restaurants are listed in “Food and Drink.”

Secondary category: Choosing this category is optional.

Monetize your app: You can choose to monetize your app using AdMob.
Click here to see the process of creating your AdMob ID.

Apple information and Google information:
Before your application is submitted, you will need to open an iOS developper account (for Apple products: IPhone and IPad) and a Google Play account (for Android). These accounts are requisite to release applications in the Apple and Android stores. You will pay $99/year (approximately €79) for an App Store account, and $25 lifetime (approximately €19) for a Google Play account. These accounts enable you to release as many applications as you wish; you will not pay for each application.
If you do not yet have a developer account:

Note: you can choose to publish your app under our own Apple developer account, but in this case, our company name will appear as the developer of your app.

Once you have created the accounts, you must enter login information for these stores in the fields provided:

how_tiger_works_13

If you are a reseller, or whatever, and want to create a custom url for your webapp (aka mobile website), you need to go in the “Settings > Domain” menu. It’s not mandatory to publish your app, but in “Settings > Domain” you’ll be able to custom the url of your mobile website with your own domain url.

YOU’RE DONE! All you have to do is click on   and as soon as your payment goes through, we will submit your application to the stores.

To make sure your application is accepted by Apple, make sure you know the ground rules for all applications.

Stuff you need to publish an app

Before publishing a mobile app you need :

  • an IOS (Iphone&Ipad) and Google Play (Android) developer account : it’s an account asked by stores to publish your apps. They respectively cost $99/year and $25. With these accounts you’ll be able to publish as many applications as you want, you won’t have to pay for each application. We’ll publish your apps under your developer accounts, so you’ll have to give us your login account information in the publishing section.
  • the description of the app : just a few words to describe the application : what’s in, what users could do with it, etc.
  • keywords : some keywords for your application separated by commas. For example for a restaurant : “business name”, “restaurant”, “town+restaurant”, “town+business name”, etc.
  • Application store categorie(s) : for a business it’s not really obvious as store’s categories are “books”, “productivity”, “lifestyle”, “entertainment”…we recommend to choose “lifestyle” for businesses apps, or “food and drink” if it’s a restaurant. You can choose a second categorie but it’s not mandatory.
  • A domain name for Webapp domain and CNAME modifications : this one is a little bit harder for non tech savvy people. In fact, when you build your app on Tiger you get a mobile website (or webapp) in addition to your 2 native apps (IOS & Android). This webapp will be accessible from users mobile browser, so you need an url. Click here to see how creating an adress for your webapp.

To be sure your app will be published

To be sure your app will be validated by Apple you have some things to know (for Android’s Google Play there is no validation, so it’s more easy):

  • All your pages have to be filled out with content. Please be sure you have no empty pages. If you have a news feature for example, enter one news, and with a picture it would even better.
  • Content: no explicit contents in your apps! But it was obvious 😉
  • Design: please choose cool colors with complementarity. If you don’t really know how to find colors with complementarity you can use http://colorschemedesigner.com/. But no rainbow apps, please don’t.
  • Features: Apple want useful apps. So don’t create apps with only one or two features. And enter relevant content with multimedia (videos, images, etc)
  • Write a good description of your app. You have to explain what the users would be able to find in your application, and why they have to download it. (250 characters minimum).
  • Never talk about other platforms in your app! Apple doesn’t want you to talk about Android or Google Play, or Samsung in apps that are on the Apple App Store. Even if there is a logo, or an image about an Apple competitor, your app will be rejected.
  • If there is an account registration tab in your app, or part of your app that is blocked with the Padlock feature, be sure to provide test credentials to Apple in the “Demo” fields on itunesconnect.apple.com if we have published the app under your developer account, or to send these credentials to us prior to publish your app.
  • Never user test content in your app, like “Lorem Ipsum” content or “test”, “demo”, etc. Apple refuses apps that are not finished, and/or apps for tests.

Общие вопросы

What is Excellentmobileapps?

It is a platform for creating mobile apps without any technical knowledge.

I do not have the technical skills, if I can use this constructor?

Undoubtedly YES! Our builder created for all, so that they can create their own applications.

Who can use builder?

Builder can be used absolutely everyone. Due to its extensive features, you can create truly effective applications for retail, restaurants, hotels, bars, shops and many other businesses.

What applications can I create in the constructor?

You can create different types of mobile applications, such as application restaurant, hotel, car service, etc. We provide cross-platform development. This means that creating one app, you get the entire 3 – for Android, iOS and the web application.

How much does it cost?

You can create your application for free, you have to pay only when you want to publish your application. The cost of creating. This fee once, is not charged each month or year, just at the moment when your application is completely done and you want to publish it.

Is it possible to edit the application after publication?

Yes. Your application will be automatically updated when you make changes. The only thing that you can not be changed without re-publication are: the application icon, run the boot (splash screen), application name, application description, categories and keywords, address of the mobile website.

How a mobile app will help to develop my business?

Smartphones have changed the way we live. More and more people are using this tool every day in their daily life in order to find the desired information.
Through the app, you can interact directly with users. You will be literally “in their pocket” all the time.

Your application is the ability to keep the customers, for example, by PUSH – notifications about various news and promotions.

Thus, you can expand your business and work closely with customers.

How long does it take to create an application?

As for Android, checking the application takes a maximum of 24 hours after its publication.
Check interval at Apple longer, about 7-15 days. Apple more carefully check the application to precisely meet their requirements.

How many applications can I create in the constructor?

You can create as many applications as you want, subject to the tariff plans.

What languages are supported by mobile apps?

Upon entering the constructor you can choose between the English or Russian languages. Then, your application will be the language that you select in the application settings.

Функции приложения

Catalog

This features allows you to create Product pages.

Little warning: if you have menus, don’t create them with this feature but use the “Menu” feature instead which is more appropriate.

1. Create a main category (click on “+main category”):

catalog_01

2. There are 2 options:

  • create a sub-category if needed (by clicking on “+ sub-category”) :

catalog_02

  • or directly create a product (by clicking on “+ Product”) :

catalog_03

Notes :

  • Think carefully about the order in which the main categories appear as they will appear in the same order they will be created.
  • You can create all you main categories first, then all your subcategories and finally all your products in the appropriate subcategories.
  • You can drag and drop all your subcategories (in a same main category) by clicking on .

An example of a subcategory order modification: The subcategory “With Bacon” is 1st:

catalog_04

The subcategory “With Bacon” is 2nd:

catalog_05

You can do the same thing with products:

“Alabama” is 1st:
catalog_06

“Alabama” is 2nd:
catalog_07

You can obtain this:

catalog_09

You can also choose another design for your page, from the different page designs at the bottom of the feature:
catalog_08

Set Meal / Menu

Here is the feature for creating menus or bundles for a business. You’ll be able to create as many menus as you want.

Necessary components:

  • Menu name, for exemple: “Evening menu”, or “Family menu”
  • Price. This field isn’t mandatory, as you can enter the price in the menu description
  • Description: you’re going to use the text editor to create a menu. Look below to see how creating a beautiful menu.
  • Conditions. This field isn’t mandatory. You would be able to use it to specify some conditions, for example “only available on mondays”.

Here is what it looks like:

set_meals_01

How to create a beautiful menu with the text editor:
Apply a style to your titles (“appetizers“, “dishes“, “desserts” for example) and center all your text. For that, select your title in the text editor and click on  in the text editor’s menu, then click on  and choose “title 1” or “title 2”. Your title will be formatted with the Lobster police (the same police that it is used for the discount title in the discount feature).

Press Enter. Enter your appetizers if the title is “appetizer”, press Enter between each item.
To enter a new title (“dishes” for example if you just enter the appetizers), make a separation by pressing Enter and clicking on  in the text editor menu. Then press Enter and reproduce the previous process.
These modifications won’t be visible in the text editor nor in the app preview but will be well considered in the application.
Then, if you can, enter a picture for this menu and save all.
To enter a new menu, click on  and repeat the process above.

You can obtain this:
menus

You can also choose another design for your page, from the different page design at the bottom of the feature:
catalog_08

Booking

Thank to this feature, your customers can schedule an appointment in your business(es).

If you want to introduce this feature in your application, that is very easy. First of all, you have to click on the Booking feature:

booking_01

Then, you have to click on  and to enter the location of your business and the email address of the manager:

booking_02
If you have several businesses, you can add these businesses to your Booking feature. To do that, you only have to click on . Then, you just have to enter the location of this business and the email address of your manager. You can do this process, as many time as you want so that to reference all your businesses.

Why these information ? 
The location of your business(es) is important for your customers, so that to know exactly where they scheduled their appointments.
Thank to the email address of your manager, the application will send him an email to validate the appointment.

And the result:

booking2

Form

The form feature allows you to do plenty of things like giving your clients the opportunity to ask you questions, to order products, send a photo or to join an event… To sum up this feature will adapt to your expectation about form.

So let’s see how to create a form page.

Step 1:
To create a form click on  in the “Add pages” part. This appears:

form_02

Step 2:

To create a first section click on “+Add section”. Give a name to this section. Here we will start by “Example” to show you what is possible to do with this feature. Then this window appears:

form_03

To add a field click on “+Add a field”. This window appears:
form_04
Let me introduce the different fields:

: this field enables the user to write a short text (ex: his name…)

Capture_d’écran_2013-09-20_à_15.54.30

: this field enables the user to write his email address to contact him.

Capture_d’écran_2013-09-20_à_15.54.39

: this field enables the user to write a number (ex: the number of people for a reservation)

Capture_d’écran_2013-09-20_à_15.54.30

: this field enables the user to write the date and hour (ex: the hour he wants to pick up what he orders)

Capture_d’écran_2013-09-20_à_15.10.14

: this field enables the user to indicate his GPS position when he send the form.

Capture_d’écran_2013-09-20_à_15.13.56

: this field enables the user to write a long text on several lines (ex: a client can write his answer here)

Capture_d’écran_2013-09-20_à_15.04.29

: this field enables the user to select several options
Capture_d’écran_2013-09-20_à_16.19.31

: this field enables the user to only select one option between the ones submitted.

Capture_d’écran_2013-09-20_à_16.09.48

: This field enables the user to select the option they want.

Capture_d’écran_2013-09-20_à_16.12.46
Every times you enter a new field, you have the possibility to make this field compulsory. It means that the user cannot send the form if this field is empty. To do this click here:

form_05

You can create as many fields as you want in a section. But we recommend you to well organize your form to be easy to fill by the user.

Once you have enter all the fields you want to set up, you only have to indicate the email address of the manager in appropriate box.

form_06

Some Examples:

form1

IMG_1291

Contact Page

This feature allows you to create a contact page for your business. Just complete the fields to automatically create a one-touch-call button, a geolocation button and a contact form.

You can obtain this:

contact_01

contact_02

 

contacts1

 

Результат будет примерно таким:

 

contacts2

News Page

This feature allows you to create a news page with a photo and comments from users. It works like a news wall, users are able to find all the posts you wrote on it.

To create a news, before everything you have to upload your logo: click on modify my logo and upload one.

Then click on  and create your news. Keep it simple and short, users will read it on their mobile device so it must be short. Insert a picture if you can.

You can obtain this:
newswall

newswall1

You can choose another design for this page by choosing from the different page designs in the design section of this feature:

newswall_01

Wordpress

WordPress feature enables you to integrate the content of a WordPress blog or website in an application. With this feature you have two options:

– You can create an application with only one WordPress page in which you will publish all the content of the blog or some categories you would have chosen.

ex:

Capture_d’écran_2013-08-27_à_16.40.30

– Or you can create an application with several wordpress pages in order to publish in each the content of one category of the blog. This way the application homepage will look like this:

Capture_d’écran_2013-08-27_à_16.46.51
Of course, you can change the icons of the wordpress pages in order to set up your own design. 

To sum up you can add as many wordpress pages as you want to enlighten the content of the blog.

Now, we will learn how to integrate the content of a WordPress website in an application.

Step 1:

First of all you must add a WordPress page in your application. Click on . This window appears:

wordpress_02

Click on “Click here to download our WordPress plugin”. Without this plugin you cannot use this feature.

Then, go in your wordpress admin interface. This window appears:

word

Click on “Plugins” then “Add new”. This windows opens:

Capture_d’écran_2013-09-10_à_17.01.49

Click on “Upload”. This appears:

Capture_d’écran_2013-09-10_à_17.09.42
Click on “Choose File” and select the “app-creator.zip” document (no unzip necessary). Then, when you have selected it, click on “Install Now”, and activate it.

Step 2

Go back to your app on tigerappcreator.com.
Enter the URL of your blog in “Enter your WordPress URL”
wordpress_03
Once you have entered the blog’s address click on OK.

Tiger will automatically find all the content of the blog and sort all the categories out. Thus you will be able to publish all the content of this blog or only one category. By default Tiger selects all the categories of the blog but obviously you can unselect the ones you don’t want in the page.

wordpress_04

Here for example, we decided to only select the “FAQ”, “Features”, “Installation”, “Tips” and “Video Tutorials” categories, but we could select others if we wanted to. You can adopt the strategy you want, either you can create an application with only one wordpress page in which you will publish all the content of the blog or you can create an application with several wordpress pages in order to publish in each the content of one category of your blog.
Once you have chosen your strategy and import your wordpress content, don’t forget to click on “Save” .

Custom Page

Our builder gives you a wide choice of features to put your products and activity forward.
Custom page allows you to enlighten your business by numerous ways. You can write an article with a picture or not, you can publish a photo gallery, you can publish a video directly on this page, and you can add “one touch call” buttons or link to any external website.

For instance, custom page gives you the opportunity to create pages like this one:

custompage_24

Let’s see, how to create a page such as this one. First, you need to create a new Custom page:

custompage_01

Then you must name your new page (here it will be Our Activities).

A custom page is made up of independent blocks. Thus you can realize  as many blocks as you want in the same page (in the example page “Our Activities” there are three blocks: one about golf, one about tennis – which are both text sections – and one about the lake which is an image section).

1. Text Sections:

Here, we will create the first section, which is dealing with golf. To do this, click on “Text”. A new text document appears and you can write your article in it.

custompage_03b

Then, insert the picture we want in this section. To do that, click on the icon which is circled in red.  This icon appears  and allows you to insert your picture.

When this one has been inserted, you can act on its alignment and its size:
custompage_05
Thus you obtain this result:
custompage_06
To obtain the section concerning tennis, click again on  and follow the process we have seen. But you must act on the alignment which must be on the right and not on the left. You can realize as many sections as you want (custom pages are made up of independent blocks).

More:

You can also add in your text element a link to a website or a phone number. To do this, click on:

custompage_03c

This appears:

Capture_d’écran_2013-11-13_à_11.35.31
You have to choose the protocol you want to integrate “http://” if you want to integrate a website or “tel:” if you want to integrate a phone number. Then write in the URL case the link.ex:Website:
Phone Number:

2. Picture sections

Creating a photo gallery is as easy as realizing a text section. To do that, click on  and then on “Add pictures”.

You obtain this:

You can add a description of your picture if you want. Here again you can realize as many sections as you want, you just have to click on .

3. Video Sections

The creation of a video section is as easy as the creation of text sections and picture sections. To do that, you must create a new section, click on . This appears:

custompage_12
Here you have t choose the kind of video you want to integrate into your custom page: YouTube videos, Podcast videos or your own videos.

YouTube:

Click on . This appears:
custompage_14
Enter your research or your YouTube URL in the field. Here I enter “Freeride in Sweden” and then click on OK. This appears:
custompage_15
Select the video you want to integrate and then click on  to save your video.

Podcast: 

Click on . This appears:

custompage_18
Enter your video podcast address ( .xml format) in the appropriate field. Then click on . This appears:
custompage_20
Select the video you want to integrate to your custom page. Then click on .

My video: 

Click on . This appears:
custompage_22

Thus, to include a video, you have to write the URL address of your video in “Video URL”.

Once you have written the URL address of your video, you can write a little description of it and add a loading picture. To add a loading picture, click on .  You obtain this:

Capture_d’écran_2013-07-05_à_15.06.17

4. Address section

Thanks to this section you can add a button to locate any place from the user device.

5. Buttons section

You can add a button to make a call, or a button to open a website.

6. Attachment

Thanks to this section you can add files to this page (e.g: PDF files, etc…)

7. Slider

You can create a slider by adding several pictures.

Woocommerce

This feature will allow you to integrate natively your WooCommerce store in your application. It is different from the feature WooCommerce Link which is just a link to your store.

First of all, you have to connect to your WordPress admin panel. Then go to the WooCommerce tab > Settings.
Once in the settings, click on the “API” tab. Now enable the “REST API” just like the following picture, and save.

woo_screenshot_01

Now go to general Settings of WordPress > Permalinks
In the Common Settings part, you can choose whichever you want, except from “Plain” or it will not work.

woo_screenshot_02

Then let’s go back to WooCommerce > Settings > API. We will now create the API keys. To do this click on “Keys/Apps”. Once in the panel, click on “Add key”. Now enter a description of your API key (this is just for you to see), choose your user, and put the permissions on “Read/Write”. Once you’re done click on “Generate API Key”

woo_screenshot_03

You will then arrive on the following page:

woo_screenshot_04

Warning: you have to copy/paste the Consumer Key and the Consumer Secret somewhere now, because they won’t be available anymore when you leave this page. Otherwise you would have to revoke the key and create another one.

Now let’s go to your Siberian, we’re just a few steps from launching your WooCommerce store in your app. Add the feature WooCommerce by clicking on .
This appears:

woo_screenshot_06

Enter the following data:

  • WooCommerce url: the url of your WooCommerce store
  • Header: you have to upload an image header
  • Consumer Key and Consumer Secret: these are the codes you have created earlier and, obviously, copied/pasted as we have told you!
  • You can also add links to your Facebook Page, Twitter account or Instagram account if you want.
  • Items per page: this will set the number of items displayed in your page by default. When you scroll down, the other items will be automatically displayed.

You can also set the payment through Paypal and Stripe if you want, in order for your users to pay directly from the app. Read these articles to know how to create API keys for Paypal and Stripe:
– Paypal
– Stripe

If you don’t set the API keys for Paypal and Stripe, the users will be redirected to your WooCommerce store through a link and will pay on the website.

Now let’s see the result in app:

Home screen of the WooCommerce feature:

woo_screenshot_07

Products Page:

woo_screenshot_08

Commerce

With the Commerce feature you will be able to sell your products from one or several points of sale. Users will be able to pay online via Paypal, or to pay at your point of sale or when they are delivered.

Let’s go!

1. Create a point of sale

After adding the Commerce feature to your app, click on  to add a point of sale :

commerce_01

Then fill out with your store info:

commerce_02

Then add your delivery options. You can choose from:

  • “For here”: meaning that people should come to eat/drink/whatever in the store
  • “Carry out”: meaning that people should come to the store to get the product and then leave the store with the product
  • “Delivery”: meaning that you are able to deliver them

If you choose “Delivery”, some other options are displayed:

  • “Delivery fees”: the cost of the delivery
  • “Tax”: indicate your tax in percentage, if zero write “0”, if 10% write “10”.
  • “Free delivery starting from”: if you want the delivery to be free when the order reaches a certain amount
  • “Delivery radius”: indicate the area you deliver from your store address, in radius.
  • “Minimum order”: if an order has a minimum amount for you to deliver a client

commerce_03

Then add your payment options. If you choose Paypal, you’ll need to do some mandatory operations in your Paypal account, click here to see how you have to set up your Paypal account to enable it in your app. If you choose “Credit Card” (online payment), you’ll need to have a Stripe account and configure it, click here to see how to configure Stripe to sell products.

commerce_payment_method

Save by clicking on .

2. Create categories for your products

Then go in “Catalog” and click on “Categories”:

commerce_05

Click on “+” to add your categories. A first one is automatically created but won’t be shown to users. It’s your root category but once again it will not be shown to users so you can leave it like that. Select it and click on “+” to add a subcategory (in fact, as the root category is not shown, this new category will be a main category). Add as many categories and subcategories as you need:

commerce_06

3. Create products

Then click on “products” from the main menu in “Catalog”.

Click on “+” to add a product. And fill out with your new product info. Add as many photos as you wish.

commerce_07

You can add some sizes to your product. Switch on Product Formats and then fill out sizes information of your product, with a price for each size. Note that if you activate this function, you won’t be able to change the price of your product in the main menu as you did just before. The price displayed in the app will be the smallest one (“from 3€” for example).

commerce_08

You can also add some options to this product. By options we mean sauces, complementary products, etc. Here is an example with some sauces. First, create a new options group:

commerce_09

If you check “at least one option is required” the user will have to choose from the sauces you offer when he orders the product. He will not be able to order without choosing one of these options (that’s useful when you have many sizes for a product, as we will see next).
Then, in the “Add it options” section, click on “+” to add options to this group of options.

Click on “OK” to save. Now, in your product details page you can see your options below.

commerce_10

Then check the categories for your product:

commerce_11

And click on “OK” to save your product.
You can also duplicate a product if you want to create a new product that doesn’t have many differences from another one.

commerce_12

If you have many products in the feature, it can be difficult to scroll to find the one you are looking for. That’s why we implemented a search bar, where you can type its name and find it easily.

commerce_13

4. Manage

In the “Orders” menu, you will be able to see and manage the orders you receive.

In the “Settings” menu, you will able to manage the fields required during the order. You can either choose to make a field mandatory, hidden, or simply hide it from the form. Let’s look at an example:

commerce_14

And let’s see the result inside the app when ordering:

commerce_15

Furthermore, if the user has already created an account in the app and is logged in, some information will automatically be retrieved by the MCommerce feature to fill parts of the form, as you can see in the example above.

You will also be able to link, for each store, a connected printer to your app to print orders when they arrive, and also to manage your tax rates if you have several:

commerce_16
commerce_17

Links

The links page enables you to share information linked to your business with your clients.

For example, you can create pages like this one with this feature:
links_00
If you want to create a links page, click on . It opens this window:

links_03

First of all, you have to work on the content, then you can work on the design.

1. The content

To add a new link, clik on “+ Add a link”. Thus this appears:

links_04

Now, you just have to write the name of your link in “Title” and the address of the link in “link”. You can also add a logo to your link if you click on  “Picto”.

You can create as many as you want, you just have to do this process again.

 

2. Design

In order to make this page unique, you can insert a cover photo. To do this, you have to click on .

Then, you can change the background.

links_06

If you click on the background (here the white rectangle) you can change it.

3. Conclusion

Thus, when someone will click on a link, he will be automatically redirected towards the page he wishes. For instance, if you click on “Vogue” in the above page, you will be redirected towards:

liens2

Calendar

The Calendar feature will enable you to share with your users the place and date of your events and the ones you will be present to.

To create a Calendar feature, click on “Calendar”  in the add pages part. This page appears:

calendar_02

Click on  to add a calendar. You have 3 options:

calendar_03
– iCal
– Facebook
– Custom

iCal

If you click on iCal, this appears:
calendar_04
– Then you have to go on Google CalendarCapture_d’écran_2013-10-09_à_14.24.28– Create your event on Google Calendar:Capture_d’écran_2013-10-09_à_14.32.26

– Find the agenda’s URL. To do this click on “Share this calendar” :

Capture_d’écran_2013-10-09_à_14.37.49

– Click on “Calendar Details”

Capture_d’écran_2013-10-09_à_14.41.05

– Click on “ICAL” in the Calendar Address :

Capture_d’écran_2013-10-09_à_14.47.20

– Copy this address and paste it in the “Calendar’s URL ” field:

Capture_d’écran_2013-10-09_à_15.04.29

Finally click on OK to validate your event.

Facebook

If you click on Facebook, this appears:
calendar_05
– First enter the name of your Calendar:
calendar_06
– Then, enter the name of your Facebook fan page :
calendar_07
Finally click on OK to validate your event.

Custom

If you click on custom, this appears:
calendar_08
Enter the name of your Calendar and then click on OK. This appears:calendar_09To create a new event click on +Event. This appears:calendar_10

Thus, you have to enter all the needed informations for your event and an illustration picture.

In the expected answer you can enter the URL of your booking center if your users have to book a reservation.

Weather

This feature enables you to offer a weather widget in your app to display the forecasts for a particular city or to the users find the ones for their locations.

You just have to choose a country and a city, then save.

weather_01

This how it looks like in your app:

Screen_Shot_2015-10-26_at_17.42.16

Places / Directory

With this feature, you will be able to create a list of geolocated places.
It will display all the places on a map, or, if the user opens the sheet of a particular location, he will be able to see the path to this location. The listing of the locations is sorted according to the distance between the locations and the user, from closest to farthest.

After having added the feature to your app, click on the “+” to add a place to the list.

You can add an image that will be displayed in the list for this location, a title, and a subtitle:

places_01

Then, you have to enter an address for this location, or its coordinates. You can add a label for this address but it’s not mandatory.
If you check the “Display address” checkbox, the address will be shown in the sheet of the location. If you check the “display location button” checkbox, it will display the button that will allow the user to see the path to this location.

places_02

Then you can add other sections like text + image, photo gallery, videos. These sections are the same than in the Custom page feature. You can also add touch to call buttons, or web links buttons.

Once you have set up the list, it could look like that:

The list:

photo_2

The location sheet:
photo_3

Audio

In this support article, we will learn how it is possible to integrate your playlists or the one of your favorite artists into your app.

To create a Music page in your app click on “Music” . This appears:

audio_02

Click on  to create a new playlist in this page. This appears :

audio_03
Enter the name of your playlist and a cover photo.
audio_04
Then click on “OK” to save your choice. This appears:
audio_05
You have four possibilities to add songs and albums to your playlist:
  • iTunes
  • SoundCloud
  • Podcast
  • Custom
Let’s start by iTunes.

iTunes

Click on the iTunes icon . This appears:

audio_07

You have three possibilities to search the songs you want to add to your playlist:

  • Artist
  • Album
  • Track

Then enter your research in the field, then click on . This appears:

audio_09

Click on the album, the track or the artist you want to add to your playlist. Once the album, the track or the artist you want to add is selected, it appears like this:

audio_10
Once you have finished your selection, click on  to validate your choice.

SoundCloud

Click on the SoundCloud icon . This appears:audio_13

You have two possibilities for SoundCloud:

  • If you have a SoundCloud account you can add your own tracks.
  • If you want to share the tracks of your favorite artists from SoundCloud

If you have a SoundCloud account: 

Click on .

If you want to share the tracks of your favorite artists: 

Click on . This appears:audio_16

As for iTunes, you have the choice between Playlist and Track. Select the one you want and then enter your search in the field.

For example this appears:

audio_17

Click on the album, the track or the artist you want to add to your playlist. Then click on .

Podcast:

Click on the Podcast icon . This appears:audio_19

Enter the URL address of the podcast ( .xml format) you want to integrate. Then click on .

audio_20

Then click on  to add this podcast to your playlist.

Custom

Click on the custom icon . This appears:

audio_22

In this part you are able to share tracks you host on your own site. To integrate your tracks, enter the information needed in the fields and then click on .

You can obtain this:

audio_23

audio_24

Radio

With the “Radio” feature you can add a radio streaming inside your app.

It’s very simple to set up but you need to have the good streaming URL. Here is how a good streaming URL looks like for our “Radio” feature:

Example of good URLs for streaming:

  • http://91.121.22.39:8010
  • http://76.164.217.100:7410/stream

Your URL mustn’t end by “listen.pls” or “listen.m3u”, etc. Meaning that if your URL is http://91.121.22.39:8010/listen.pls, you need to just keep http://91.121.22.39:8010.
Note that sometimes you will need to add “/;” at the end of your URL to make it work both on Android and iOS, for example you will add to add the url like this http://91.121.22.39:8010/;
Then fill in the fields with the appropriate info, like in this example:

radio01

Then you just have to click on “save”, and you’ve just set up a radio streaming in your app.

Note: The AACP/AAC+ audio format is not supported by Mozilla Firefox web browser. If the Radio feature does not work, check that you are not trying to open a AAC+ stream with Firefox. It works perfectly with Chromium/Chrome.

Topics and notifications

This feature allows you to create Topics your users can subscribe to, in order for you to send Push Notifications and In App Messages only to those who have subscribed to a specific topic.

QR Coupons

This feature will allow you to create discount coupons that will be unlocked by scanning a specific QR Code. Once unlocked, the customer can use the discount when he wants. That means the coupon will not appear in the app for the user until he has scanned the QR Code (When you will add a coupon code you will not see it until you’ve scanned the QR code). As a business owner you create a QR coupon, and you obtain a QR Code. You can distribute this QR code on your website or in a newsletter, etc to reward specific actions, or just show it to premium clients so that they can flash it. Once scanned the coupon will appear in their apps. To add it to your app, just click on  from “Add pages”. Then let’s create a QR Coupon.

qrcoupons_02

– You can add a picture to illustrate your special offer.
– Give a name to your coupon.
– Enter a description of your special discount.
– Enter the required conditions to access this discount.
– You can decide if you want this discount to be available only once for each customer or unlimited.
– Then you can decide if you want your discount to be limited in time and set an end date. But you can also decide to set it to “illimited” and decide later when you want to stop this special offer.
Once you’ve set your coupon as you want, click on “Generate QR Code”. It will create a QR Code that you can print and display anywhere you want to allow the users of the app to scan it with their QR Code Scan and to benefit from your QR Coupon!

Padlock

Thanks to this feature you will be able to lock your app wholly or partly. The locked content will be accessible for authorized users only. We are going to see how to set up this feature.

First, you have to add the Padlock feature to your app, click on   from “Add pages” to add this feature to your app.

Then you can set it up.

You have two possibilities to unlock the Padlock and grant access to the whole applications to registered users. The first one is to use a QR Code and the QR Code Scan, and the second one is to create an account for your users, or to let them create their own account. Of course you can use both at the same time if you want, it’s up to you.

padlock_02

To allow your users to unlock the Padlock by scanning a QR Code, select QR Code in the Padlock feature. This will create a QR Code that you have to save and print and, for example, display inside your store to allow your customers to unlock some parts of your app by using the QR Code Scan.

padlock_03

Now let’s see how to set up the pages that will be locked by the Padlock.

padlock_04

“Allow all users by default”:
If you select “yes”, all users who have already an account on your app, or users who create an account on your app, will be allowed to access to the locked content. Setting on “yes” is useful to create a database of registered users who are the most engaged with your content. If you let on “no”, that means you will have to authorize your users manually from the “Users” menu which is between the “Analytics” and “Extra” menus. We will see how a little bit later in this article.

“Lock the entire application”:
If you choose “yes”, your whole app will be blocked. And users will have to create an account or to create an account and to be authorized depending on what you have chosen for “Allow all users by default”. With this option you can create a private app. If you choose “no”, you will just block some pages of your app:

padlock_04b

Just choose from the list the pages you want to block. Of course, you need to have added pages to your app. You can add pages later and open this feature again to block them. The locked pages will not be displayed to the users until they are authorized to see them. Instead of seeing the tabs of this pages, they will just see one tab meaning there is a private content behind:

photo

Once the user is logged in and authorized, the padlock tab disappears and all the tabs are displayed:

Screen_Shot_2014-07-18_at_11.14.35

How to authorize the users.

If you have chosen not to authorize all the registered users by default, you will have to authorize them manually from the “Users” menu, in the editor:

padlock_05

Click on it. All the users who have created an account in your app, are listed.

Click on  to edit a user.

padlock_06

If you want to authorize the user, all you have to do is to check the corresponding checkbox “This user can access the pages locked by the “locker” feature. Then click on “Ok”.

A little warning regarding the publication of your app on the App Store. Before submitting an app, create a test user with authorized access. Then, when you publish your app on iTunes Connect just fill out these info in the user demo fields to let Apple reviews what is behind the padlock feature.

Have fun!

Discounts

With the discount feature you’ll be able to create as many discounts as you want and display them in the application.

Here are the various parts of a discount:

  • Picture: you can add a picture that illustrates your coupon
  • Name: for example “One free coffee”, keep it short and simple
  • Description: for example : “One free coffee among classical L and XL coffees”
  • Conditions: for example : “Available for a $10 order”
  • Can only be used once: check this box if you want the discount to be available for the client only once. A “use this discount” button will appear in the application and the client will have to press it to use the discount.
  • End date or unlimited: choose if you want your discount to have a due date or if you want it to be unlimited and to stop it when you want.

Here is what it looks like:

discount_01

To enter a new discount, click on  and repeat the process.

After having created some coupons, you can also change the design of the page from the different page designs which are available from the “Design” section at the bottom of the feature:

newswall_01

RSS Feeds

This feature allows you to integrate feeds from blogs or news websites either from the business for which you’re creating the application or other sources in relation with the business or both. You can create as many feeds as you want.

Here is how it works:
It doesn’t matter if you know or not the feed link you want to integrate.
Just enter a title for your feed and then the url of the website from which you want to extract the feed. Click ok. If there are some feeds for this website, Tiger will display them and let you choose the one you want.
To enter a new feed, click on  and repeat the process above.

rss_01

In a second case, you can just enter the name of the site you want to extract the RSS feed. Tiger will automatically scan this website to find the RSS feeds on this one.

rss_02

Then just choose the feed you want to display and save. You obtain this:

Screen_Shot_2015-10-25_at_23.43.09

You can choose a different design for your page, from the design section at the bottom of the feature:

PUSH Notifications

Once your application is featured on the App Store and Google Play, you’ll be able to send push notifications. Or your clients will, if you’re a reseller.

It is quite simple. First of all, you have to click on the Push feature. This will appear:

push_01

Then, you have to click on the , to create a new Push message. This will appear:

push_02

The option “Open a feature or a custom url” allows you to redirect your users to a specific url or a specific page of your app when they open the push notification. Now, choose your message an click on . Once you have clicked, this will appear:

push_05

This option allows you to choose if you want to send your notification to all your users or only to those who have subscribed to specific topics

Case 1: Send a notification to all users

Click on “Send to all my users” and then click on .

This will appear:

push_06

It enables you to choose if you want to send your notification now or on a specific date. If you choose “now”, you only have to click on OK to send your notification.

But if you want to send your notification on a specific date, this calendar appears:

Capture_d’écran_2013-07-22_à_10.47.55

Choose in the calendar the day and hour you want your notification to be sent. Then click on “Done” to validate your choice.

Finally click on OK to validate your notification. Your notification will be sent at the moment you choose.

Case 2: Send a Topic based notification

To know how to create topics and send topic based notifications, watch this video:

Case 3: Send a Geolocated push notification

From the first step of creating push notification, after having wrote your message, just choose “Send to a specific location”.

push_07

Then enter an address and choose a radius. On the next step you will be able to choose to send to all your users, or to send to users who have subscribed to some specific topics. That means you can combine geolocation and topics.

push_08

Then choose if you want to send your notification now or at a specific date.

push_09

You’re done!

Заказать мобильное приложение
Ваши пожелания (Техзадание)

×
Authorization
*
*
Password generation