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.
To create a form click on in the “Add pages” part. This appears:
To create a first section click on . Give a name to this section. Here we will add only one to show you what is possible to do with this feature.
You can create as many fields as you want in a section. But we recommend you to organize your form clearly to be easy to fill by the user.
To add a field click on . This window appears:
Every times you enter a new field, you have the possibility to make this field mandatory. It means that the user cannot send the form if this field is empty. Then you can choose the field type.
Let me introduce the different fields:
: this field enables the user to write a short text (ex: his name…)
: this field enables the user to write a long text on several lines (ex: a client can write his answer here)
: this field enables the user to write his email address to contact him.
: this field enables the user to write a number (ex: the number of people for a reservation)
: this field enables the user to write the date and hour (ex: the hour he wants to pick up what he orders)
: this field enables the user to indicate his GPS position when he sends the form.
: this field enables the user to select several options
: this field enables the user to only select one option between the ones submitted.
: this field enables the user to select the option they want.
Once you have entered all the fields you want to set up, you only have to indicate the email address of the manager in the appropriate box.
How to configure Paypal for the M-commerce feature?
In this tutorial we are going to see how to set up your Paypal account to enable online payments in the M-Commerce feature and receive payments on your Paypal account.FIRST, If you don’t have a Paypal account, you need to create one. Please go to paypal.com and sign up for free.Your Paypal account must be “premium” or “business”.Here is what you need to set up Paypal in your mobile app:
- Paypal API username
- Paypal API password
- Paypal signature
The process is simple but need some requirements. First open paypal.com and log-in.Under your name make sure your status reads: Verified. If your account isn’t verified you have to verify it by Paypal.Then under the tabs click on “Profile” or “Preferences” and “More options”. Then click on “Settings” from the left menu, and if you have a Personal Account you have to upgrade to “Premier” or “Business” for free:
From the left menu click on “My Selling Tools”, and then on “Update” in the “API access” section:
Then click on “Request API credentials:
Then choose “Request API signature”, and click on “Agree and Submit”:
Then go to Migastone, in the store of your M-Commerce feature, after enabling Paypal for your payment methods, just enter the credentials you just got from Paypal:
That’s all! Your app is ready to receive payments with Paypal.
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 to create a beautiful menu
- Rules: this field isn’t mandatory, you would be able to use it to specify some conditions, for example “only available on mondays”
- Picture: this field isn’t mandatory
How to use the text editor
You can use the functions in the text editor menu to apply styles to your text, change the alignment and color.
To enter a new menu, click on and repeat the above process.
You can obtain menus like this in your app:
Newswall (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.
Note: to create a news, first of all you have to upload your logo: click on modify my logo and upload one.
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 want.
You can obtain this:
The Surveys feature allows you to create complete surveys in order to collect information and feedbacks from users.You can create advanced question types using logical triggers, and then collect results, download and export users data.You’ll be able to create as many surveys as you need to.Let’s see how to create a survey.
To create surveys click on in the “Add pages” part. This appears:
To create a first section click on , then .
Give a name to this section. Here we will start by “Example” to show you what is possible to do with this feature.
To add a question click on . This window appears:
First, enter your question in “Field name”.
Let me introduce the different types of field for a question:
: this field enables the user to write a short text.
: this field enables the user to write a long text on several lines.
: this field enables the user to write his email address to contact him.
: this field enables the user to write a number.
: this field enables the user to write the date and hour.
: this field enables the user to indicate his GPS position.
: this field enables the user to select several options.
: this field enables the user to only select one option between the ones submitted.: this field enables the user to select the option they want.
Every time you enter a new question, you have the possibility to make this field mandatory. It means that the user cannot send the survey if this field is empty. To do this click here:
For each question you can create a logic trigger by clicking on “Add a logic trigger”:
The logic triggers allow you to choose different scripts depending on the user’s answer.
“Always”: always do the action, whatever the answer.
“When answer is”: do the action for the selected answer.
“Skip to question”: allows to skip to another question after the answer.
“Hide question”: allows to hide a question if necessary.
“End survey”: allows to terminate the survey.
For a question like “Do you like this app?”, you enter two possible answers “Yes” or “No”.
With the logic trigger you can choose what happens if the user answers “Yes”, for our example we have chosen “end survey”.
If the user answers “No”, the question “What are the reasons?” is offered.
You can create as many questions as you want in a section. But we recommend you to organize your survey clearly to be easy to fill by the user.
Publish your survey :
Fill the field “Name” and “Thank you message” and click on the Publish button.
Once you have published your survey, you can view the results by clicking on “view results”
or download the results in .csv file.
Here is an example of Results:
Example in the application:
Migistone offers 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 and you can publish a video directly on this page.For instance, custom page gives you the opportunity to create pages like these ones:
Let’s see how to create a page such as these ones. First, you need to create a new Custom page:
Then you must name your new page.A custom page is made up of independent blocks. Thus you can realize as many blocks as you want in the same page.
1. Text Sections:
Click on .
A new text document appears and you can write your article in it:
You can also insert images in this section. To do that, click on the icon on the toolbar.
This icon appears and allows you to insert your picture.When it has been inserted, you can act on its alignment and its size:
Thus you obtain this result:
To add other text blocks, click again on and follow the process we have seen.
There are two ways to add links to your Custom Page.
First, you can add link in your text element. To do this, click the icon on the toolbar.
2. Picture sections
Creating a photo gallery is as easy as realizing a text section.
To do that, click on and then on on the following window:
You obtain this:
Here again you can realize as many sections as you want, you just have to click on .
3. Video Sections
Click on and this appears:
Click on and this appears:
Enter your research or your YouTube URL in the field. For example, here I entered “Freeride in Sweden”.
Then click on OK. This appears:
Select the video you want to integrate and then click on to save your video.
Click on and this appears:
Click on and this appears:
Once you have written the URL address of your video, you can write a little description of it and add a loading picture.You obtain this:
4. Address Sections
Thanks to this section you can add a button to locate any place from the user device.
5. Button Sections
You can add a button to make a call, or a button to open a website.
6. Attachment Sections
Use this section to attach documents such as PDF files.
7. Slider Sections
This section, like “Image” section, allows you to add images in your page. In this case the images will be displayed in rotation with a layout “full-width”. You can also load a single image.
8. Cover Sections
This section allows you to add images in your page. In this case the images all-screen size.
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 :
Then fill out with your store info:
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 themIf 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. (WARNING: it is necessary to set Google Maps API from the Settings Menu> MAB API. Please refer to the Migastone support).
“Minimum order”: if an order has a minimum amount for you to deliver a client
Then add your payment options. Enable one or more options from the following:
OFF LINE payment options
- Meal Voucher
- Credit card (pay upon pickup or delivery)
ON LINE payment options
- PayPal – You must have a PayPal account to accept this type of payment.
- Credit card (online payment) – You need to have a Stripe account in order to enable this payment option.
- Satispay – Info in this page.
Save by clicking on .
2. Create categories for your products
Then go in “Catalog” and click on “Categories”:
Click on to add your categories.
After categories, you can also add subcategories. To do this clic on the category in which you want to insert the subcategory until you see this icon on the right . Now you can clic to add a subcategory, repeat to add as many subcategories as you need.
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.
You can 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).
You can also add some options to this product. By options we mean sauces, complementary products, etc.
Here is an exemple with some sauces.
First, create a new options group:
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 to save. Now, in your product details page you can see your options below.
Then check the categories for your product:
And click on 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.
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.
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.
You can enable the search field on your category pages:
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:
The Progressive Loyalty feature will allow you to launch a loyalty program and reward your customers as they buy from you.
On the same loyalty card, you can setup several rewards and the customer will be able to redeem them as enough points are accumulated.
With a powerful reporting engine, you can easily identify your most loyal customers and how many
rewards are used. You will also get an estimate on the sales that the loyalty program is generating you.
Finally, you can track the employees who validate the points and the rewards so that fraud is under control.
Once you’ve add the feature to the app, the setup of the Progressive Loyalty feature is comprised of some steps. You’ll need to access the Loyalty Cards tab in order to begin this process.
The first step is to create a loyalty card. You’ll need to name your card – this will be used on the reporting but won’t be seen by the users -, set the number of points for the card, define whether this is a unique card or if it will be reused once completed and, finally, set the approximate amount that each point is worth in sales – this will be used in the reporting to estimate the worth of each client.
Once you’ve created the Loyalty Card, the second step is to create the Rewards. Please note that any reward that you make active/inactive (by clicking on the or sign) will be immediately active/inactive on the card.
You can create a Reward by clicking on the sign. You’ll need to define the reward name and enter a description – both these fields will be visible to the user -, set how many points are needed to redeem this reward and you can upload specific images for it. The Inactive Reward image will appear when the user still doesn’t have enough points to redeem it. Once the user has enough points to redeem a reward, the Active Reward image will be shown. Similarly, the Redeem button on the app for this reward will change color. If you don’t place any images here, the default ones that are uploaded under the Options tab will be used.
Please note that, once a reward is created, you’ll need to activate it before it will be displayed on the card.
With the Progressive Loyalty feature you’ll be able to validate points remotely, you don’t need to have physical access to the mobile phone to do it. This is ideal for take-out businesses or any type of phone ordering services. You can still validate points using the customer’s mobile phone by creating employee pin-codes. Once you access the feature, an employee will be automatically created using your MAB user – please make sure you have filled out your user details (first and last names), otherwise the user will not be automatically created. This employee cannot be deleted but you’ll need to define a 4-digit pin-code in order to validate the points on the card.
The users show on the Manual Validation list are the ones who have signed up for this App. They’ll be added to the module automatically as they sign-up.
To validate the points via your MAB, you’ll need to select the user and click on stamp icon . You’ll need to set the number of points that you’d like to validate and enter the 4 digit pin-code that you’ve set.
Once the card and rewards are setup, you can decide which layout to apply to your loyalty card – these are optional but will allow you to customize your loyalty card to your design needs.
The last step is to set default options – these are optional but will allow you to customize your loyalty card to your design needs.
Additionally, you’ll be able to control if employees are able to validate 1 or more points at a time. If “validate 1 point only” is not selected, the employee at the store will be able to validate several points through the App at once.
If the “import sales from Commerce module” box is selected, you’ll be able to define a conversion rule for the sales that are done. You should define a rule with the lowest amount of sales you want to convert into points. Only full integer points will be convert, not decimals are calculated for points. This means that, if the rule is to convert 1 point for each 10€ in sales, then on an order of 11€, the user will get 1 point. The same if the order if for 19€. The points conversion only occurs once an hour whenever the order status is marked to “Done”.
The analytics of this feature have been created to help businesses identify their most loyal customer and cater to them.
On the customer data dashboard, you’ll be able to get the number of rewards used per each customer, the number of points that were validated and the number of visits that have been made by this customer to the store. Please note that we’re making an assumption that each point validated was the result of a visit to the store. However, if points are validated several times within a 2-hour period, we will only count 1 visit. The total revenue is calculated using the estimate value for 1 point when set when creating the card and multiplying it by the number of points validated.
Loyalty control dashboard allows you to check how many points the employees are validating and what is the average for all employees. This will allow you to spot deviations from the average to quickly investigate suspicious cases.
Both the Customer and Loyalty Control Dashboards (figures 3.1 and 3.2) allow you do drill down to a more detailed report to show you individual customer or employee activity. Just click on the customer or employee name to obtain more detailed information.
User Frontend Interface
Below you can find the user frontend interface screens.
This feature allows you to display a message to users that are currently using your application.
First, you have to click on the to create a new message. This will appear:
Now, choose your message an click on . Once you have clicked, this will appear:
Usually you have to choose the first Option “Send to no specific location”. In some specific cases you can choose “send to a specific location” to send only on a geographic area, by setting the location and a radius (in Km) to determine the area of interest:
Now click on . Once you have clicked, this will appear:
This option allows you to choose if you want to send your message to all your users or only Android/iOS users, specific users or only to those who have subscribed to specific topics (this option is active only in combination with “Topics” feature).
Now click on . Once you have clicked, this will appear:
It enables you to choose if you want to send your message now or on a specific date. If you choose “now”, you only have to click on to send your message.
But if you want to send your message on a specific date, this calendar appears:
Choose in the calendar the day and hour you want your message to be sent. Then click on “Done” to validate your choice.
Finally click on to validate your message. Your in-app message will be sent at the moment you choose.
Case 1: Send in-app message to all users
If you want to send message to all user of your app, just click on “Send to all my users” when request and then click on to proceed to next steps and complete the process.
Case 2: Send in-app message to specific users
You can also send a message to one or more specific users. This is possible ONLY if the user is registered in the app by his own device.
If the user has an account created manually in the MAB or for any reason the recording could not connect your phone to your account, the name in the user list will appear with an X and you can’t select it to send the message to specific users.
The cases in which users can be marked with an X in the list to send the message to specific users are:
1. The user account was created by the MAB (Management APP).
2. The user has logged out from his account.
In-app messages sent to ALL USERS still arriving regularly.
Case 3: Send in-app message to users with specific topics
This option is active only in combination with “Topics” feature: see the specific page.
The “Links” feature allows you to share information linked to your business with your clients.
In addition to the “Links” feature, if you want to make a single direct link to an external page, you can use the “Link” feature.
NOTE: All pages linked from the apps must be available in safe mode (https)
For example, you can create pages like this one with this feature:
If you want to create a Links page, click on . It opens this window:
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 . Then this appears:
Now, you just have to write the name of your link in “Title” and the url address of the link in “link”. You can also add a logo to your link if you click on .
This way, you obtain this link:
You can create as many links as you want, you just have to do this process again.
In order to make this page unique, you can insert a cover photo. To do this, you have to click on .
You can upload, for exemple, this image:
Then, you can change the background if you click on:
Once you have clicked on , this window opens:
If you click on the background format (here the blue button) you can change it. Once you made it, then click “Save”.
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:
NB: Offline mode is disabled by default. For more info please contact Migastone Support
The Offline Mode is not really a feature, but it allows your users to download the contents of the app in their phones so that they can access it later, even if they have no connection. Let’s see how this works.When the users download the app and open it for the first time, they will be asked if they want to download the contents to access it when they are offline. If they do it, they will be able to access all the contents that are in the app even when there is no connection.
But you have to know that everything that is linked to an external website will not be downloaded, like for example Youtube videos, Instagram galleries, or Facebook pages. As you have to get the content from outside the app, you need an internet connection to access it.
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 get the path and directions to this location, by walking or driving. The listing of the locations is sort 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.
For each place, you must fill the Title field. You can optionally insertt the subtitle and the images to be enabled using the desired display options. It is also possible to assign tags and categories to the place (if previously inserted by the appropriate “Categories” tab).
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.
Then you can add other sections like text, images, photo gallery, videos or links.
Settings & Options
From this tab you can set some options for displaying the “Places” page in the app:
Once you have set up the list, it could look like that:
The location sheet:
QR Code Scan
This feature will allow your customers to use their camera to flash a QR Code and to access specific content.
To add this feature to your app, just click on in “Add Pages”.
Basically, a QR code is data encrypted as an image. When you use your QR Code Scan, it will get you to the content it is linked to. It can be a specific url outside the app, an image, text or anything.
For those who don’t know what is a QR Code, it looks like this:
Note that each and every QR Code is related to a specific content.
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”. This appears:
Then click on to create a QR Coupon.
- You can add a picture and a thumbnail 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, please print the qr code. You can display the qr code 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!
Click on to save your qr coupon.
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:
Then, you have to click on the to create a new Push message. This will appear:
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:
You can send push to users in a specific location if you choose the proper option. This will appears:
Type a location and defines an area (in km) using the specific fields.
One you have done, click again on and this will appear:
This option allows you to choose if you want to send your notification to all your users, only Android r iOS users, specific users or only to those who have subscribed to specific topics.
Now click on . Once you have clicked, this will appear:
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 to send your notification.
But if you want to send your notification on a specific date, this calendar appears:
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 to validate your notification. Your notification will be sent at the moment you choose.
Case 1: Send a notification to all users
If you want to send push notification to all user of your app, just click on “Send to all my users” when request and then click on to proceed to next steps and complete the process.
Case 2: Send a notification to specific users
You can also send a PUSH notification to one or more specific users. This is possible ONLY if the user is registered in the app by his own device.
If the user has an account created manually in the MAB or for any reason the recording could not connect your phone to your account, the name in the user list will appear with an X and you can’t select it to send the notification to specific users.
The cases in which users can be marked with an X in the list to send the notification to specific users are:
1. The user account was created by the MAB (Management APP).
2. The user has logged out from his account.
3. The user has not given the go ahead to the notifications. This possibility is very rare if you have done a good job cashier indicating who will receive notifications of exclusive offers, usually the rate of approval notification is very high.
In cases 1 and 2 notifications sent to ALL USERS still arriving regularly, if 3 instead having not authorized the notifications the user does not receive any notification.
Case 3: Send a notification to users with specific topics
This option is active only in combination with “Topics” feature: see the specific page.
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:
Your URL mustn’t end by “listen.pls” or “listen.m3u”, etc.
Meaning that if your URL is //18.104.22.168:6325/listen.pls, you need to just keep //22.214.171.124:6325/.
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 //126.96.36.199:6325/;
Since Apple is requiring apps to use IPV6 networks, streams URL needs a domain name and not an ipV6 to work properly on iOS : //mystream.com:8010 rather than //188.8.131.52:8010/
For the widest possible compatibility, streaming must be in mp3 format. If streaming source format is aac, it may not be supported by devices with Android operating system.
Then fill in the fields with the appropriate info, like in this example:
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.
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 the feed link you want to integrate or not.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, Migastone will display them and let you choose the one you want.To enter a new feed, click on and repeat the process above.In a second case, you can just enter the name of the site you want to extract the RSS feed. Migastone will automatically scan this website to find the RSS feeds on this one.
How to help your customer downloading YOUR App?
This is an external option which you can use to help your customers downloading your App in front of you and get a discount :
- Go to //www.onelink.to
- Insert the App name in the search field and press Enter
- Click on the App Icon and both Apple fields and Google play will be filled automatically
- Click “Lock”
- Test it directly on the screen before choosing with format version you want to download
- Open a MS Word document and Insert the PNG o SVG file at the bottom of the document like below.
We are going to see how to use the Facebook feature to integrate a Facebook Page into your app.
First you have to add a Facebook page in your app by clicking
Then just enter the ID of your Facebook Fan Page, for example for our Facebook Page: //www.facebook.com/mypage, it will be “mypage”:
Then press “OK” and that’s it!
PROBLEMS WITH IDENTIFICATION OF THE PAGE NAME? LET’S USE THE PAGE ID
How to find out the PAGE ID?
- Go to the Facebook Page you want (be sure it is a Facebook Page and not a personal account)
- Click on any image of the page, for example, the header or the profile picture
- Now look at the URL at the top, in your browser’s address bar: the first long number after www.facebook.com is the PAGE ID. Copy and paste that code in the MAB and you’re done
Implement Facebook Page using Facebook Plugin
PROS: Very well integrated as layout and functionality
CONS: If the user clicks on an external link on the IOS, he can’t go back.
To implement FACEBOOK using PLUGIN FACEBOOK provided by the social platform. Find out how to create this code and paste it into the “Source Code” feature of your APP on this page //developers.facebook.com/docs/plugins/page-plugin
The html tag must be IFRAME.
App Migastone Statistics
As from today 25th April 2016 we have the please to introduce to our customers an important statistics panel which allows you to get information:
- Assigned Coupons
- Points used
- Orders from your shop
- Registered users
- Users connection log
Principle:The system displays all the statistics App which has the registered email and are currently connected in the MAB (Mobile App Builder) or the control panel of your APP.THEN USE TO REGISTER THE FIRST TIME THE SAME EMAIL MAB!Generally a Migastone customer has access to one single APP, and you will see the statistics of connected APP.An agent or installer will instead see ALL statistics apps linked to your account (for example, the APP of their customers). There is a column APPLICATION that allows you to filter the results as you wishREGISTERED USERS (Customers)On this screen you can check the registered customer database.You can export the data in various formats and data filtering as per menuLOYALTY CARD POINTS DATABASE (LOYALTY STAMPS)On this screen you can see the history of each individual point validated of every loyalty card, you will know who has received it, who has validated it (the employee’s name), date and time.This report is exportable as well to process more interesting charts of customers’ loyalty and analyze the data in detail.LOYALTY CARD CLASSIFICATION (Loyalty Award)Interesting ranking of users who are collecting more loyalty points. Again filtered to various criteria and exportable reports in various formats.COUPONS / DISCOUNT This screen includes a list of discount coupons used by type, date and time and the customer who has used them.Exportable reports in various formats and to which we can apply different filters. MOBILE COMMERCE ORDERS (ECOMMERCE)Each order recorded in our shop can be accessed from this screen allowing you to filter the order, view their details and export orders listing in various formats.APP LOGSTotal control over the log in your APP, each client that uses the APP and logged in, is monitored in this list indicating also the type of device used.Listing Exportable and can be filtered as usualThe Access to statistics area can be done in two different ways:1. Using the following URL //appstats.migastone.com/2. Through the ANALYTICS section of your MAB high as below:
With Migastone you’ll be able to integrate videos from Youtube, Podcast and Vimeo. If you want to integrate a business video gallery, the best is, if not already done, to create a Youtube or Vimeo channel in which you’ll upload all the business’s videos.
You create a thematic gallery too from other sources than the store (for example a fashion video gallery for a trendy bar).Here is how it works, it’s quite simple:
Click on button, than choose one of the option available.
Begin by clicking on . You will see this form:
Then, in the “search” field, what you’re are going to enter depends on what type of search you’re are going to select:giving a name to your gallery, if you create several galleries, user will be able to select the one they want to watch:
Display videos from a Youtube channel:
Let’s suppose this Youtube channel is called “RockCafé”, here is how you create the gallery:Enter the name you want for your video gallery and then the name of the Youtube channel in the “search” field. Then choose “Channel” for “Type”:
If it doesn’t work with the Youtube channel name, just enter the id number of this channel you will find in the url of the channel.
Create a thematic video gallery:
Enter the name you want for your video gallery, the keyword you want to search for in the “search” field, and choose “Search” in “Type”:
Here is the result:
If you want to add another gallery, just click on and repeat the process above. If you create several galleries, user will be able to select the one they want to watch:
You can also integrate videos from podcasts by cliking on .You have to enter the name of your video gallery and the URL address of your video.
Begin by clicking on . You will see this form:
If you want to add a Vimeo channel you have to enter the ID of the channel in the “search” field and select “Channel” in the “type” select box.You can find the ID of the channel at the end of the channel URL. For example, for this channel://vimeo.com/channels/513799 you just have to enter “513799″.
For the other types of choices (User, Group, Album), it is the same process than for Channel. Just enter the ID that reads at the end of the URL. For example to import all the videos of this user://vimeo.com/user1234567enter “user1234567” in the “search” field and select “user” for type.
With RealTime Chat feature you can incorporate a complete Chat system in your Migastone App. Create public chatrooms and let your users create their own private chatrooms and chat with each others.
Send Text, Image and soon videos and audio Messages.
Add friends for chatting, block/unblock users, instant messaging, one-to-one chat and group chat.
Setting chat functions from the app control panel
From the app control panel, you can enable the function by creating one or more public chatrooms. These chatrooms are visible to all app users from their smartphone. Users wishing to participate in the discussion should register and use a nickname.
Here are the main steps:
1. We can create different CHATROOMS each with its own TITLE and DESCRIPTION.
In the example below we have created two chatrooms by clicking on :
2. Now in the APP, the user can register in the REALTIME CHAT and enable notifications by clicking on the bell icon, at the right top of the screen
3. With the bell icon FULLY COLORED you will receive notification by EVERY person who writes in REALTIME CHAT.
Private chatrooms and chat with friends
In addition to being able to participate in the public discussions set by the manager through the control panel, app users will be able to create private chatrooms or one-to-one chat with their friends.
To manage these options, access the Chat function from your smartphone. On the top right corner of the main page, there is a three point vertically displayed button. By tapping this, the following menu appears:
NB: Before manage friends, you must log in at least once to a public chat. Before you can write a message you will be prompted to choose a nickname to be identified in the chats and you can also choose the notification settings.
Join Private Chatroom
All users who want to talk privately with each other will have to type the same identical name. Suppose, for example, that users have decided to use the “Private” name: to enter that chatroom all users will have to type exactly this name (Capitals Included).
After logging in, users will view this chat room from their smartphone in the “Chatrooms” list on the Chat main page.
NB: In private chatrooms you can not enable notifications (regardless of the status of the “bell” icon)
With this option you can create one-to-one chat. The user who wishes to open a discussion with another user exclusively must first send a friend request, identifying the recipient by nickname or email (the email that this user used to sign in to the app). If the recipient accepts the request by accessing this same menu from his smartphone, both will display his / her name in the “Friends” list on the main page of the Chat function.
Remember to act on the “bell” icon, as explained above, if you want to enable notification:
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:
- Title: 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:
To enter a new discount, click on and repeat the process.
With the Fan Wall feature, users of your application will be able to post comments and/or photos and to discuss among themselves.
1. Add a Fan Wall
When you add the Fan Wall feature to your application, you can set the “Near me” settings. It will allow a user to display on the Fan Wall only comments/photos from users around him, in the radius you have determined.
2. Add messages
You can add messages directly from the Editor by clicking on button and then type your text and/or upload an image.
Or you and the users of the app can add messages on the Fan Wall through the application. Just click on “New post”.
Then create an account or log in (if you already have an account). And then type your message and/or upload a picture.
3. Display possibilities
Let’s see how it looks on the Fan Wall. You can choose “Near me” to display messages posted from a close position to you (determined by the “Near Me” radius), or “Recent” to display recent messages.
You can also click on “Photos” to display a gallery with all pictures that were uploaded to the Fan Wall.
And you can finally click on “Map” to display a map and to display the pictures geographical position.
Of course, the Fan Wall page allows your users to like and comment content that was posted, so that they can interact.
Thanks to this feature, your customers can schedule an appointment at your business(es).If you want to add this feature to your application, that is very easy.
First of all, you have to click on :
Then, you have to click on and enter the location of your business and the email address of the manager:
If you have several businesses, you can add these businesses to your Booking feature.To do that, you only have to click again on . You can do this process, as many time as you want in order to reference all your businesses.
Why these information ? The location of your business(es) is important for your customers, so that they know exactly where they schedule their appointments.
Thanks to the email address of your manager, the application will send him an email to validate the appointment.
And the result:
This feature allows you to create image galleries. You’ve got those options:
- Create a gallery from Instagram
- Create a gallery from Flickr (not available)
- Create a gallery with your own photos
1. Create a gallery from Instagram
Enabling INSTAGRAM requires you to get two key parameters from the Instagram developer site:
THE CLIENT ID
The procedure is:
1. Go to //www.instagram.com/developer
2. Log on with your Instagram credentials
3. Click the MANAGE CLIENTS button
4. Click REGISTER TO NEW CLIENT5. Fill in the fields by checking //app.migastone.com (or the address where you normally log in to your APP manager) and fill out with this address the “Valid redirection URIs:” field
8. Return to the screen by clicking on the MANAGE button
9. Click on the Security option and make sure you deselect the “Disable implicit OAuth:” option
10. Now copy the CLIENT ID that you see above, we will need to build a URL (Internet address) capable of giving us a code (token) in response … in this address replace the CLIENT-ID word with the CLIENT ID code that You copied before:
Then replace the word REDIRECT-URI with the address of your MAB that was “//app.migastone.com”. Here is an example of compound link:
11. Click AUTHORIZE on the page that INSTAGRAM proposes you.12. Receive a similar url in response to this:
13. Copy the values after the symbol = and this will be your TOKEN
14. Log in to your MAB and enter the SETTINGS at the left of your APP in the INSTAGRAM section, indicating the CLIENT ID and the TOKEN.
15. BY THE “IMAGE GALLERIES” FUNCTION You can then install your INSTAGRAM photo gallery by indicating the user name of your instagram account. (If you do not have the IMAGE feature send an email to the support. The result will be as follows:
WARNING: take care that the INSTAGRAM profile is PUBLIC, if it isn’t you have to start the INSTAGRAM APP on your smartphone and enable the PUBLIC profile. See screenshot below:
2. Create a gallery from Flickr
not available yet
3. Create a gallery with your own photos (My Images)
Name your gallery, and click on to upload photos from your computer. You can upload several photos in the same time, just select from one folder all the photos you want to upload.
It’s not mandatory, but you can enter a title and a description for all your photos.Click on “Ok” to save your gallery. To create a new gallery, click on and repeat the above process.
To add images to an existing gallery, open the “Manage” section and click the green button that has the number of images, at the gallery you want to edit:
From the window that will open, use the “Browse” button to load more images. To clear, click the X icon at the image you want to delete.
With the Loyalty feature you’ll be able to create a loyalty’s punch or stamp card. It means there will be a reward after a number of purchases. For example “one burger for ten bought”.
To validate a loyalty point the business owner will have to enter a four-digit password. As with loyalty stamp card, the client has to show his card to the retailer for stamping it, with our digital loyalty card, the client has to show his smartphone and the retailer has to enter his four-digit password to validate a point.
Loyalty card creation
Here are the things required to create a loyalty card:
- the total number of points
- the reward
- what’s the condition to validate a point
Here is an example:
NOTE:You can limit the use of the Loyalty Card to only once per customer. In that case, remember to select the appropriate option.
You can customize the appearance of points on your card, with a small logo of your business or image that best suits your needs. You can use an image corresponding to the active point (validated) and another image corresponding to the inactive point. Click the “Point active” or “Point inactive” button and follow the steps to upload the image. Here’s an example in app:
Four-digit passwords creation
It is possible to create a password for each employee. Like this it will be more easy to verify who validates what.
To create a password, you just have to click on and fill the required fields:
The loyalty card in the application
To validate a point, the client “touches” a point and shows his smartphone to the retailer:
The retailer chooses the number of points and enters his password :
NOTE:It is not possible to edit or delete a loyalty card. Why? Because it works like a real punch card, when a user gets a punch card with a particular offer and begins to validate some points on it, it can’t be changed (meaning that it would be too easy to attract customers with a big offer and then to change it for a lower one while they already have some points validated on it).
But it’s possible to create a new card with a new offer. All the customers who have already validated points on the old card, will keep using this card until it is completely validated, and then they will get the new card. The customers who haven’t validated points yet on the old card, will get the new one instead.
This feature allows you to create a list of TOPICS that the users of the app will be able to select, according to their interests, and then only be updated on the specific topics.
With this setting, the manager of the APP will be able to send targeted PUSH notifications only to those users who have selected a specific topic.
The TOPICS feature are powerful to create profiled lists of users that receive exactly the information they are interested in.
We recommend instructing employees to download the app and configure this feature to the clients.
To add this feature to the app, click on .
In the following form you can enter a general description of the page and the list of desired topics:
To add topics, click on and enter the required data:
Only title is required, description and image (click on ) are optional. Here is an example of how it works:
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 in the add pages part.
Click on to add a calendar. You have 2 options:
If you click on iCal, this appears:
- Then you have to go on Google Calendar
- Create your event on Google Calendar
- Find the agenda’s URL. To do this click on “Share this calendar”
- Click on “Calendar Details”
- Click on “ICAL” in the Calendar Address
- Copy this address and paste it in the “Calendar’s URL ” field
If you click on Custom Page, this appears:
Enter the name of your Calendar and then click on . This appears:
To create a new event click on . This appears:
Thus, you have to enter all the required information for your event. Optionally you can add an image, a link to website, a link to RSVP page (for exemple if a reservation is required) or to buy a ticket.
To add another event just click again on and repeat the process.
This features allows you to create a complete catalog.NOTE: if you have menus, don’t create them with this feature but use the SET MEAL feature instead which is more appropriate.
Click on and you see this:
Insert category name. Repeat this last step ( and insert category name) for all the main categories you need.
Once you have created all the categories, you can create the product by clicking on the icon in the category you want.
Then fill all the fields required and click on button.
- The categories appear in the same order they will be created.
- You can create all you categories first, then your products.
- You can drag and drop to change order of categories, subcategories and products by clicking on .
You can obtain this on your app:
The Folders feature allows to create an arborescence inside your app.
The creation of a Folder
To create a folder, click on in the “YOUR PAGE” section. This appears:
First you need to assign a name to the root folder by typing the desired name in the “Title” field. It is possible to add a subtitle, a cover image and a thumbnail image.
To create a subfolder, click on “+” and fill in all the necessary fields (name of the folder, possibly add subtitle, image, etc …). Perform the same procedure for each new subfolder. To change the name, subtitle or photo, select the folder (or subfolder) and click on icon.
Add pages to your Folders
NOTE: you need to create a page before adding it to a folder. The page will be created in the main slider and only later will it be “moved” to the desired folder. It is very easy to add a page in a folder:
- Select the folder or subfolder on which the page should be added
- Click on the page to be inserted in the folder in the “Add function” section shown by the following image:
Here we are. We have added our first page to a folder. Do the same for each page you want to add. Here is an example of what you can create :
Editing your pages
You will see that, once you have added a page to a folder, this page will not appear anymore in the main feature slider. To manage the pages you have added on some folders, you have to open the Folders page. To do this, follow this process:- In the main feature slider click on the root folders icon you built:
– Select the folder or the subfolder in which the page you want to manage is. – Click on the page you want to edit.
– Once you have clicked on the page you want to edit, This appears and you can edit the page content:
– To go back to the root folder, click on the icon of the page you have just edited.
– If you want to go back to the main feature slider, click on icon.
Removing a page from a Folder
Once you have classified a page into a folder, you still have the possibility to remove it from the folder. To do this just move the mouse over the page icon and click on X:
NOTE: With this operation, the page will be removed from the folder but NOT deleted. The page will only be “moved” in the main menu. Now If you want to delete it permanently, mouse over the icon and click again on X.
With this feature, business owners will be able to increase the pruchasing frequency of their clients by giving them their ranking based on their loyalty. This feature is working only if a loyalty card is integrated in the application. The more a user gets loyalty points, the higher his level in the ranking will be. All users see their positions in the ranking and the business owner can offer a gift to the leader. The more the gift is important the more the challenger users will come back to dethrone the leader, and the more the leader will come back to consolidate his rank.
The ranking will be visible to all users. The customer’s firstname will be shown only if the user check the corresponding flag in the registration/login screen:
Here is an example of the contest ranking displayed in the app:
The period of a game could be a month or a week. After this period the game will restart with counters reset to zero. For a first game, we advise to choose a monthly period as the user base isn’t important. When more and more users have downloaded the application on their mobile, the period can be set to a week.
Give a name to a new social gaming. It’s just for you and won’t appear on the mobile application:
With the Twitter feature you will be able to include your Twitter account in your application.
1. Create your Twitter API keys
To get Twitter Access keys, you need to create a Twitter Application which is mandatory to access Twitter.
- Go to //apps.twitter.com/app/new and log in, if necessary
- Enter your Application Name, Description and your website address. You can leave the callback URL empty.
- Accept the TOS, and solve the CAPTCHA.
- Submit the form by clicking the Create your Twitter Application
- Save the consumer key (API key) and consumer secret somewhere, in order to use them later in your MAB.
After creating your Twitter Application, you have to give the access to your Twitter Account to use this Application. To do this, click the Create my Access Token.
In order to access the Twitter, that is to say get recent tweets and Twitter followers count, you need the four keys such as Consumer Key, Consumer Secret, Acess token and Access Token Secret.
To get all these keys, click the OAuth Tool tab in your Twitter Application and copy those keys and save them in order to use them later. That’s it. Now Your Twitter counter will get the followers count and display them in your widget.
2. Add the Twitter API keys
Before using the Twitter feature in your app, it is necessary to define the Twitter API keys in your editor.
So in the editor, click on the menu “Settings” then on “Twitter”:
You will have the possibility to enter all the necessary information from your Twitter account:
3. Add the feature Twitter
After adding the Twitter feature to your editor, you have to define the name and the subtitle of the page which will include your Twitter account.
You can also select if you want to use the Social Sharing function that allows you to share info about your app with your customers, contacts and friends, via your social networks or messages applications.
4. Setting your Twitter account
Once you have done the first part to add the Twitter feature into your editor, you need to set up your twitter account. In order to define your account you need to enter your twitter handle. The twitter handle is your personal id on twitter, it starts with the @ symbol.
You can check the integrity of your Twitter handle by clicking on .
The following error message will appear if you haven’t entered your Twitter API key.
The following error message will appear if you have entered a wrong Twitter handle.
Otherwise, you will have a confirmation message on your screen like the message below:
Then save your changes by clicking on .
You have now finished to set up your Twitter account in your app!
With the Scratch Card feature you can offer your users a chance to win rewards and give them a fun motivation to visit your business.
You’ll be able to create as many scratch cards as you need to.
1. Scratch Card creation
Here are the things required to create a Scratch card:
- Name: enter a name for the card, to be easier to find in your Analytics.
- Description: for example : “You could win big. Try your luck!”.
- Scratch Card points? (opzional): if you enable this option each time a user wins, he can get points. You can make the number of values different.
NOTE: the user can use the points accumulated with the Shop function (mCommerce), as a discount code. From Settings > Advanced> Fidelity Points rate, you need to set the conversion value between 1 point and pages:
For example by setting 1, a point will be converted into 1 euro (in case the app is set in euros).
- Picture Winner / Picture Loser / Picture Foreground: you can add your own pictures to illustrate the card, it appears when the foreground picture is scratched, depending on whether the player wins or loses.
- End Date or unlimited: choose if you want your card to have a due date or if you want it to be unlimited and to remove it when you want.
- Email for notification: enter the email address on which you want to receive a notification when a user wins.
- Winning chance percentage (by card): choose the odds that a user has to win the reward, the higher the percentage, the more there will be winners, and vice versa.
- Maximum winner count: you can choose how many users you want to win the reward.
- A player can play again: choose if a user can play several times or not. If a user can play several times, this will affect its odds to win the reward.
Winner pop-up / Loser pop-up
It will be displayed when the card is scratched.
- Title: for example “Great! You win!”.
- Description: for example “Better luck next time!” for Loser pop-up.
- Picture: you can add your own picture for the pop-up.
- Reward name: for example “One Burger”.
- Reward description: enter a reward description that a user will see if he wins this reward.
2. Four-digit passwords creation:
To validate a Reward the business owner will have to enter a four-digit password.
It is possible to create a password for each employee. Like this it will be easier to verify who validates what.
If there are already passwords for the Loyalty Card feature, it will use these passwords and vice versa.
To create a password, you just have to click on the “Password” tab:
3. The Scratch card in the application:
Once logged in, the user can scratch the card.
The picture (Winner or Loser) appears during the scraping..
Once the card is entirely scratched, the pop-up is displayed.
The user discovers his reward.
To redeem his reward, the user presses “use this coupon” and shows his smartphone to the retailer.
The retailer enters his password.
It is not possible to edit a scratch card. Only one scratch card can be used at a time in the feature.
If you want to offer several scratch cards you need to add the feature for each scratch card you want to propose.
You can add “Terms and Conditions” to your Scratch card by filling the field in Settings > Terms and conditions > Scratch Card.
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.
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.
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”
You will then arrive on the following page:
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 MAB, we’re just a few steps from launching your WooCommerce store in your app. Add the feature WooCommerce by clicking on . This appears:
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:
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:
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.
You obtain this:
You can choose a different design for your page, from the design section at the bottom of the feature:
Job (job offers feature)
With this feature, you will be able to create a list of job offers.
1. To use “Job” click on in the “Add pages” part. This appears:
(Please note that the tab “Positions” is available after you have created one company at least)
In “General” you can manage general settings for the Job feature:
– Display search: display the search bar on the main page of the feature
– Display position icon: display the logo of the company next to the job offer
– Display income: display the position’s income on the job offer page
– Display contact: you can select which type of contact you want to display on the position page
In this section you can add the companies which offer positions.
Complete the company information.
Note: Administrator(s) is a user(s) who can manage the job offers and the company’s info directly from the app.
In this section you can add the job offers.
Complete the position information and choose the company that offer this job from the list of the companies you have created.
In this section you can create categories for the positions offered.
These categories can be selected during the creation of the job offer.
5. The feature in the application
The job offers are displayed on the main page of the feature.
On the position page, you can see the localisation of the position, contact the company and look at the company’s info.
On the company page you can see a description of the company and all the positions offered by this company.
Important: if the user has admin access, he will be able to edit the job offer by clicking on on the position page-
He can also edit the company info by clicking on and create a job offer by clicking on .
Virtual Loyalty Card
With this feature, users can import their own loyalty card to have it always available in your app without having to carry the plastic card with it.
Enabling the function from the control panel is immediate:
Using this feature from your app is just as easy.
Click the “Scan New Card” button to read the barcode of your card.
You will be prompted to activate the camera to enable reading. At this point just frame the barcode on the card with the smartphone and that’s it!
From now on, the loyalty card is available within the app.
Once the user has registered in the app and accesses at least one time to this feature, the card is stored by the system and will also be available by using the app from another smartphone.
NB: user will need to log in to the app with the same account.
NOTA: the app can import EAN13 and EAN8 barcode
WordPress feature allows 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.
- You can create an application with several wordpress pages in order to publish in each of these pages the content of one category of the blog.
Now, we are going to learn how to integrate the content of a WordPress website in an application.
First of all you must add a WordPress page in your application.
Click on . This window appears:
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:
Click on “Plugins” then “Add new”. This windows opens:
Click on “Upload”. This appears:
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.
Go back to your app and enter the URL of your blog in “Enter your WordPress URL”.
Once you have entered the blog’s address click on OK. Siberian 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 Siberian selects all the categories of the blog but obviously you can unselect the ones you don’t want in the page.
Once you have chosen your strategy and imported your wordpress content, don’t forget to click on “Save”.
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:
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.
This is how it looks like in your app:
If you want more flexibility for your Privacy Policies, you can also add them as a `Feature`
Terms and Conditions
On this page you can also enter and edit the Terms and Conditions for the Discount, Loyalty Card and Scratch Card functions. If you use these functions, the inclusion of the terms and conditions is recommended. App users can see the corresponding terms directly from the feature page, using a button.
Invite A Friend
This feature introduces a mechanism in Migastone apps that allows users to invite friends to get points, through interaction with the Card Progressive Loyalty Card. In addition, the function will automatically generate a reference code that will be sent correctly with which you can redeem points of advantage after downloading the app. The function is available for iOS and Android, allows you to send the message via Facebook, Whatsapp, email, etc.
After adding the feature to the app, click on to open the settings panel:
Click on :
In particular, it will be necessary to insert
- A description and an image to illustrate the page on the app
- The message to be shared with invited users
- The number of points that will be assigned on the Progressive Loyalty Card
- The URLs of the stores to download the app
NB: in order to be able to automatically assign the points, the Progressive Loyalty function must be inserted and configured in the app.
How to send invitation and redeem points
The user will send invitations to friends by accessing the “Invite a Friend” page in their app by clicking on the “Share” button.
The user who receives the invitation message, after downloading the app, must enter the code by clicking the “Enter your friend’s invitation code” button, which is always on the “Invite A Friend” page of the app. In this way both users will redeem the points of the Progressive Loyalty Card.
MIGAFUNNEL – Automatic Push Notification Service
Migafunnel is a module that allows to send automatic pushes when a specific event/trigger is happening.
It is an innovative tool that is perfect for Direct Response Marketing, for example delivery an high value content with the APP and later followup the users with special contents delivered by push periodically and automatically, for example every week.
The events/triggers supported until now are:
- First registration of an user inside the app
- First Loyalty Card point validated from the user
- First Order made from the user
- First Coupon used from the user
When one of this events/trigger is happening we are able to start a FUNNEL OF PUSH, a sequence of unlimited number of pushes scheduled to be sent automatically to the user.
Every push has a delay of hours or days from the previously push selected.
Is possible to setup a welcome push immediately after the registration of a new user and schedule every 7 days an automatic push sent to the user for an entire year!!
Follow the instruction to understand how to setup your FUNNEL OF PUSHES
- When you activate Migafunnel the function add to the menu of your APP a page that has the target to allow the final user of the APP to UNSUBSCRIBE from the automatic push service. Here in the screenshot an example.
The first thing to do is click on SETTING and modify the DESCRIPTION. This description should explain the user that the APP he downloaded has an automatic push funnel, if the user want can disable any automatic push by clicking the option in the page. He will disable only the automatic push but the manual important one sent from App Owner still active.
- After you set the correct description, you can select ADD NEW FUNNEL as the picture on point 1 above.
- You will see a new page, as the screenshot below, where is possible to add the following details :
- TITLE, is the name of your funnel, useful to find it in the list of funnels you have (yes, you can set many push funnels)
- DESCRIPTION, is a small description that allow you to remember what is doing this funnel.
- TRIGGER, this is the event WHEN the funnel should start, select the one you need from the drop menu.
- STATUS, allow you to ACTIVATE or DISABLE the funnel. When you disable a funnel all the new users will be excluded from the funnel, all the old users will continue to receive the pushes scheduled. In other words the DISABLE is effective only for new users
- Set the first PUSH, as the picture on point 3 add these new details:
- TITLE, this is the title of the first push you are setting. This first push will be sent after the trigger/event happens according with the delay set (see later)
- MESSAGE, this is the text message of your push. Don’t add a long text, remember it is a notification not a letter 🙂
- OPEN A FEATURE or A CUSTOM URL, this option allows to bring the user to an URL or a specific page of your APP by clicking the button VISIT of your PUSH notification.
- PUSH START, this is the delay that you set from the event/trigger of this funnel. You can set SOON AS POSSIBLE, HOURS DELAY or DAYS DELAY as you want. The first push will start for example 1 hour later the trigger “first registration of the user”
- IMAGE, you can upload an image that is showed with the push.
- As you can see in this screenshot we set the first push with all the details required
- Now you can start to add more pushes, the concept is that every push is linked to a previously one with a “delay” set. You can choose any of the previously push as a trigger.
In this screenshot you see the ADD NEW PUSH tab
As you can see in the next screenshot, START AFTER is a menu that allows to select one of the previously push available. In this screenshot you see only one push available, the first one.
After selected the START AFTER push, we set a delay of 1 day, in other words this new push starts exactly 1 day after the first push is sent, as you can see in the screenshot below
- All the push notifications scheduled per user are saved in the principal PUSH NOTIFICATION history of push that you normally find in the PUSH NOTIFICATION feature of your APP.
- When an user UNSUBSCRIBE from the push notification service, all the pushes scheduled to reach this user are automatically deleted.
- Every time a PUSH is deleted from a funnel all the scheduled pushes related this specific push are deleted.
- You can delete a push funnel when inside it there is the FIRST PUSH only, so if you want to delete a funnel first delete all the other push stored.
Dierect link to this page //support.migastone.com/en/hrf_faq/migafunnel-automatic-push-notification-service/
With this feature it is possible to profile users using additional custom fields such as tax code, telephone number, birthday, etc.
Once registered in the app, the user will be automatically redirected to the Profile page to fill in the required additional data.
After adding the Profiles feature in the app, click on to make the configuration:
ADD SECTIONS AND ADDITIONAL FIELDS
At this point you need to create at least one section. If necessary, create more sections to divide the fields of our form (for example: personal data in a section, the choice of services in another section, etc.).
Click on , type the name and click on . In our case we have included only one to illustrate how it works.
To insert another section just type name and confirm, repeat the operation to insert all the desired sections:
Within the section we will now add the fields we need. Click on to add a field . This window will appear:
Give a name to the field that will be displayed in the form and choose whether it should be mandatory. Then select what type of field to use.
To see what are the types of fields that we can choose to position the mouse for a few seconds on the icon: a description of the type of field will appear.
NB: the type of field called “User Roles” will allow the integration of the Padlock pro feature.
In most cases it is advisable to enter all the desired fields in a single section. However, if the additional fields are numerous or have different purposes / types, the form can be divided into several sections. In this way the page will be more understandable and easy to fill in for users.
Once you have entered all the desired sections and fields, you must indicate an email address in which to receive requests received from users.
This feature allows app owners to lock pages or group of pages based on different user roles.
Integrated with Profile feature, allow users to select Role on Signup. (ATTENTION: the assignment of the individual user’s access to the protected folder or page must always be set by the administrator, based on the role of the user who has registered).
Exemple: consider an App for school and you have 3 types of users here.
You create a Role for each one by creating a Folder and Assigning pages you want them to see.
Now you have to assign each user a Role in Padlock Pro Backend Admin view by selecting one of that folder. that’s it.
When user logs into the app using Padlock pro menu he will be automatically redirected to Folder/Role assigned to them.
Please make sure you select the Folders/Roles menus from Padlock Pro settings so that no logged users can’t see them.
- Protect / Lock single / multiple menus / features
- Assign a Single page or Multiple pages to a User
- Enterprise level access for each departments etc.
- If you flag a user [ can access the pages locked by the “Locker” ] he becomes front end super admin who will have access to everything and other users will still have limited access based on their roles set by Padlock pro feature.
What this module can’t do :
- Users can’t be automatically assigned to any role. App admin has to assign role/page to each user you want to have access to protected pages.
- Users have to self register or be added by admin and then will be visible in Login Redirect Module for assigning a role.
SATISPAY PAYMENT GATEWAY
Satispay is an electronic money wallet very active in Italy and o.
Satispay is a very good opportunity to acquire new customers within the thousand of hundred of merchants, restaurants, pubs etc that already using this platform.
To discover how is the presence of satispay in your city/country just download the Iphone and Android App and look on associated merchants.
you can find all the informations //www.satispay.com/en
Here a nice interview of the Ceo regarding the international expansion
This module allows to manage the payment with SATISPAY APP and receive money without any cost.
The license of this module is 299 € lifetime and include 1 year support and updates. Who needs to extend the support and updates after 1 year should purchase again this module.
- After installed the module go to your www.yoursiberian.com/backoffice page and under menu MANAGE >> MODULES select SATISPAY and enter the license code provided to you by email (please note that we provide the license after 24h max by email during working days)
- Go to your Mobile Commerce module, select STORES, go in Create or Manage store and under PAYMENT section you will find the new option SATISPAY
- As you see in the picture until the license is not activated is impossible to configure the new module
- If the license is ok you should just add the BAREAR CODE that you should create in your Satispay Merchant Control Panel.
- To proceed to create your barear code you should create first your Online shop inside the Satispay account as the screenshot here :
- Click on CREATE SECURITY BEARER and copy it to clipboard
- enter the barear code in the Siberian Mcommerce shop under SHOP MANAGEMENT >> PAYMENT section.
- You are done, enjoy the Satispay payments
Link to this page //support.migastone.com/en/hrf_faq/satispay-payment-gateway/
The Import/Export module will allow you to import an existing database of users and
generate a welcome email. The module currently supports the import of two file formats: csv and xlsx.
This module will also allow you to export your application’s users. Open the module’s page from your MAB menu Modules > Import/Export users:
Please make sure you download a sample of the structure of the file before you attempt to
import your file. Your user database needs to be properly formatted, namely some fields will
have to be added, so that the import can occur successfully. The column order and number need
to be respected.
When you import your existing user database, you can choose to send an invitation email to your
users. If you choose this option, you’ll be able to create an email informing your users that an
account has been created for them, letting them know their password and providing the
download links to the App. You’ll be able to dynamically insert the fields that follow to populate
your email Subject and Body: [firstname], [last-name], [app-name], [password], [email].
An invitation email using will be automatically send to your users. The text is
completely customizable as seen above. As the user database is being imported,
emails are being dynamically created and the variable fields populate the email. This is the
perfect way to create an account and invite existing users to the App.
Exporting your application’s user database is quite simple. You’ll only need to press the export
button and a csv file with be generated with all the user information.
The feature Smart ADS will allow you to display targeted, full screen Ads to your App users based on time of the day, day of the week, operating system and App version.
You can use this module to notify your users of new features, promotions or, even, to force them to update the App to the latest version.
The SmartAds Module requires little configuration. The first step should be to make the feature inactive so that the icon doesn’t display on the App. Attention: Turn OFF all campaigns before sending the App for approval to the Apple and Google Play stores. This may cause the App to be rejected.
Creating a new capain
The first step is to create a new campaign. Currently, two types of ads are supported: image and text. You’ll begin by naming your campaign, this is just for your own reference and will not be shown to the users.
If you choose to create a text ad, you’ll need to fill in the text on the text box and select the background color of the Ad. Next, if you want to make this Ad clickable, you’ll need to add a URL and the label for the button – it can be “UPGRADE NOW!” or “click here”. It’s up to you to decide on the label. If you don’t insert a label, the Ad will still be clickable but no label will be displayed. You’ll be able to define the colors for the button using the color settings below. You’ll also be able to define the placement height of the button on the Ad.
If you decide to create an image Ad instead, don’t fill out the ad text box or select a background color. Simply upload the image and, should you want to make it clickable, add the URL. You can either add the button on the image or fill out the settings for the button. If you want to use an Ad to force the users to upgrade your App on the Google and Apple store, you’ll need to select Hide Close Button option. This will disable the close button and the users will have to click on the upgrade button.
The second configuration step of the campaign is to define the targeting criteria. If you don’t complete this step, the campaign will not be displayed to anyone. This is a mandatory step in the configuration of the campaign. Here you’ll be able to select the start and end date of the campaign, the time of the day and the day of the week when it should be displayed. You’ll also need to select the device you’d like to display the campaign to. If you’re displaying an upgrade message, you’ll need to create two separate campaign, one for Android and another for iOS, with the different links to the Google and Apple store. Lastly, you can select the version of the App that you’re looking to target. When you select version 1.2, you’ll be targeting all App version before 1.2.
It’s possible to find out how many impressions and clicks where made on each campaign. This report is accessible from the main menu under Modules > Campaign Analytics.
User Frontend Interface
Below you can find the user frontend interface screens.
With this feature it is possible to buy pre-paid coupons packages for any type of service, offered at a promotional price (for example: 10 dinners with standard price of 200 euros, at a discounted price of 150 euros).
First of all, in order to receive prepaid booklets, you need to add the “Enterprise Payment” feature in your app. From the configuration page of that feature you can currently activate the following payment methods:
- Cash – payment in cash
- PayPal – to enable this type of payment you must first configure the parameters of the PayPal account to which you will receive payments.
WARNING: the payment options “Bank Transfer” and “Stripe” are not available at the moment. They will be usable soon.
In order to Enterprise Payments works properly with Carnet Coupons, On Settings tab:
- make sure to select “No Link” from dropdown menu
- On State Name type this: carnet-payment-response
- On Return value ID type this: 5742
It is recommended to keep the “Enterprise Payment” disabled: payments will still be available but in this way you will not have a superfluous item in the menu.
Once the “Enterprise Payment” feature (appropriately configured as indicated in the previous paragraph) and the “Carnet Copupons” function are present in the app, we can proceed to insert the carnets that users can purchase.
Simply click on icon at the “Carnets Management” section for the first entry. For the subsequent ones, click on the button in this section.
Fill in all the required fields to configure the carnet:
In addition to Name, Description, Image, it is recommended to pay attention to the following options:
- Standard Price / Discounted Price – The first is the whole reference price to show to customers, while the second is the promotional price that will be required to purchase the carnet
- Number of coupons included – The number of coupons (services / inputs / etc) that the customer will purchase through the prepaid carnet
- Carnet expiration – possible end date of the offer (can also be unlimited)
- Coupons expiration – any date by which the coupons will be usable (can also be unlimited)
- Status – the carnet can be enabled or disabled even temporarily according to the needs
From this section it is possible to check the carnet purchased by the customers and confirm the payments.
If the user makes the online payment (PayPal, Stripe) the purchase status is automatically set as “Paid”. If payment is made in cash, the manager must confirm the payment, either from the app directly on the customer’s smartphone or in this section.
Click on “Change to Paid” (green icon on Action column) to confirm payment. Vice versa, if the status is “Paid” you can change the status by click on “Change to Pending” (yellow icon on Action column).
You can also assign the status “Void” to cancel in payment (red icon with X). From this status it will be possible to restore the “Paid” or “Pending” status.
In order to use carnet coupons it is necessary that the manager (or an operator in charge) insert his pin from the client’s smartphone. In this section it is possible to define the operators involved in the validation and enter the corresponding passwords.
NB: the PIN number of the employee will also be required to put the carnet in the “Paid” status in the event that this operation is carried out directly on the customer’s smartphone.
In this section you can enter Terms and Conditions and set the automatic messages sent by the Carnet Coupons feature.
To customize the messages already set by default, select the type of message desired from the drop-down menu and edit the corresponding text field. Use the Tags available for the parameterized fields (Name, Surname, Title of the carnet, etc.).
It is possible to enable the sending of the CC messages to your email address. Finally, customize the icons that illustrate the purchased, availables and pending parnets on the page of the app.
Carnet Coupons feature in the app
Here is an example of how the main page of the Carnets appears in the app:
- Buy Carnet – shows the carnets that the user can buy
- Carnet Availables – shows the carnet purchased by the user. This page will show only the carnet that are paid.
- Pending Carnets – shows the carnet purchased by the user but whose payment is not yet confirmed.
NB: if the user makes an online payment (PayPal, Stripe) that is successful, the carnet will automatically be in “Paid” status. If the user makes a cash payment or bank transfer, the manager of the app will change the status to “Paid” as explained in the previous paragraph.
With the MigaIframe feature you will be able to integrate and navigate the pages of your responsive website, directly in your Migastone app.
MigaIframe uses the iFrame html tag as the Source Code feature but has very powerful options to improve the navigation of the website pages , including any reserved areas. It is also possible to scan barcodes to facilitate the search for products in large catalogs.
First of all, the MigaIframe function must be added to the app. Just click on the icon in the “Add Pages” area of the MAB.
URL and Query String Settings
Once you have added the MIgaIframe feature, or by clicking on the MigaIframe icon in “My Pages”, you access the setting screen:
In the first field, “Enter Iframe URL”, we have to indicate the address of the website to be integrated into the app.
NOTE: the website must be implemented with a “responsive” technique, ie the website will have to adapt automatically to any screen size, obviously including those of the display devices of mobile devices. If the website does not effectively implement responsive properties the website’s display in the app may not be optimal or even the website’s pages may not be visible.
For sites that provide access to restricted areas we have set up the possibility of acquiring two parameters via query string: the email address of the logged-in user (email) and a unique id of the app (app_id).
Here is an example of a complete address that could be entered in the “Insert Iframe URL” field:: //www.mywebsite.com?email=@@email@@&app_id=@@app_id@@
NOTE: to use this feature it is necessary that the developers of the website have specifically implemented a system capable of acquiring the data passed by the app in the manner indicated above.
QR Code / barcode scan setting
By selecting “Yes” from the drop-down menu of the “Do you want the QR / Ean scanner?” Field, a banner will be enabled: this banner will be located at the bottom of the website’s display screen in the app.
In addition, the configuration page will enable the “Query String” field in which we have to enter the string provided by the website developers. The string can be populated with the qr_ean parameter which will correspond to the qrcode / barcode read via the smartphone.
Here is an example of how a complete address could be: //www.mywebsite.com/searchpage?ean=@@qr_ean@@
Also, the string can be populated with the two parameters to access reserved area, as mentioned in the previous paragraph.
Here is an example with an address that contains the qr_ean parameter, the email and the app_id parameters: //www.miositoweb.com/paginadiricerca?ean=@@qr_ean@@&email=@@email@@&app_id=@@app_id@@
Finally it is possible to customize the display by setting:
a customized icon for the code scan button, the color and text for the banner and the delay seconds after which the waiting spinner will appear.