Category Archives: GUIDES

Setup google map api key on swiftspeed appcreator

How To Setup Google Map Api Key On Our App Maker

Category : DOCUMENTATIONS , FEATURES , GUIDES

To Setup Google Map Api key which is mandatory to use some certain features on our platform such as cabride, Taxiride, Contact, Woo-commerce, Places and Weather; You need to read the below guide. for full documentation on how to create your first app, read here.

To create your Google Maps API keys: Go to https://developers.google.com/maps/documentation/javascript

Then click get started on the upper right.

Create or select a project:

Setup Google Map Api Key

Create a billing account if you don’t have one (this is mandatory):

Setup Google Map Api Key

The account is automatically on the free trial 300$ limit:

Setup Google Map Api Key

Once you have filled the billing form, hit the “Start my free trial” button.

Select the 3 options and click on Next:

Setup Google Map Api Key

Answer the questions and click on Next:

Setup Google Map Api Key

Enable your API key:

Setup Google Map Api Key

Copy your API key and click on API Console to set the restrictions:

In Key Restrictions > API restrictions, select “Restrict key” and select the following APIs:

Save and you’re all set!

Now you just have to copy and paste your API key in your editor in Settings > APIs:

Now you have complete the Setup Google Map Api Key

 


How To Use Cabride Feature

Category : DOCUMENTATIONS , GUIDES

    1. First, in the Add pages section, click on the app icon:


      You’ll see this page:


      There are only shortcuts to the main Extended dashboard & menu now available on the left sidebar:

    2. When you use the taxi template, whatever the Cabride module position is, it will be shown at the top of list:

    3. Open the Settings page to start with your module:

      Description of the options:

      Option Description
      Admin e-mails A coma separated list of the CabRide admins, this is used to notify payment requests, cash return, support, etc…
      Currency An extensive list of all the currencies supported by Stripe.
      Distance unit Kilometers or Miles.
      Search timeout Defines the search request timeout, after what a request will expire if no driver answered.
      Search radius Defines the search radius around the passenger location.
      Accepted payments Accepts either Cash, Credit card or Both.
      Payment provider For credit card payments, the module comes with Stripe, more Payment gateways can be available on request & study.
      Commission type If your income comes from commissions, you can enable it, Fixed amount, Percentage or Disabled.
      Commission If the commission is enabled, you will defined the amount here.
      Course mode You can choose to fix the price by vehicle type or let each driver defines his fares.
      Pricing mode The course mode defaults to Immediate in the version 1.0.0
      Driver can register When disabled, all new users will be marked as passenger.You can upgrade a Passenger to a Driver in the page CabRide > Passengers page

      When you are done with the settings, you will have to create at least one vehicle type.

    4. The CabRide > Dashboard

      On the dashboard, you have access to a synthetic view of the latest 100 payments, and cumulative boards for daily, weekly, monthly & yearly earnings:

    5. Open the page CabRide > Vehicle types


      Then edit a vehicle type:


      › Vehicle types require at least a Name & an Illustration.
      › Fares are required only when Pricing mode is set to Fixed by vehicle type.

    6. Then from CabRide > Drivers, you can manage & delete your drivers:

    7. The page CabRide > Rides offers an overview of all the rides & requests, with their information and statuses.

    8. From CabRide > Accountancy, you can manage your commissions payout & cash return requests:
      1. Cash return requests:
        All rides paid with cash will be aggregated by drivers, grouping all payments with the sum of commissions to be returned:

        You can send cash requests to your drivers:
        › Without date filters: all pending cash return will be aggregated regardless of the time period.
        › With period filter: only rides paid by cash within the time period will be aggregated and asked for a return.When requesting a cash return, the line will be added to the Archived requests with the status REQUESTED, when the cash is returned, you can call the action MARK AS RETURNED to validate it.

      2. Payouts
        On the other hand, for payments done via credit card you’ll be able to create individual or bulk payout requests.


        You can inform your drivers they will have their payouts processed:
        › Without date filters: all pending payouts will be aggregated regardless of the time period and drivers will be notified.
        › With period filter: only rides paid by credit card within the time period will be aggregated and notified as payout in progress to the drivers.
        › The  action will create a pending payout for the given driver payouts.

        The  action will create a bulk csv export for all the pending payouts (filtered by time period, or not).

        When the bulk report generation is done, you’ll see the report, and will be able to download it as CSV:

Use your feature in app

HOW TO USE FEATURE [ RADIO ]

Category : DOCUMENTATIONS , GUIDES

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:

  • http://62.210.36.44:9110
  • http://76.164.217.100:7410/stream

Your URL mustn’t end by “listen.pls” or “listen.m3u”, etc. Meaning that if your URL is http://62.210.36.44:9110/listen.pls, you need to just keep http://62.210.36.44:9110.

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 http://62.210.36.44:9110/;

Note: Since Apple is requiring apps to use IPV6 networks, streams URL needs a domain name and not an IP to work properly on iOS : http://www.hosting-serv.com:9110 rather than http://62.210.36.44:9110/

Then fill in the fields with the appropriate info, like in this example:

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

Note: Streams using audio/aacp with a 32kbps bitrate are not working. You have to use a greater bitrate.

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.


HOW TO USE FEATURE [ STRIPE PAYMENT]

Category : DOCUMENTATIONS , GUIDES

To have your API keys from Stripe, just create your account at http://stripe.com and once your business account is validated by Stripe you will be able to get your API keys:

click on API on the left menu:

 

and in API settings, use “the live API keys”:


HOW TO USE FEATURE [ LIST OF FEATURES THAT REQUIRES LOGIN]

Category : DOCUMENTATIONS , GUIDES

Here is a list of the features that require the user login:

  • Appointment
  • Classifieds
  • Club Card
  • Commerce
  • Contest
  • Discount
  • Fanwall
  • In-App Messages
  • Inbox
  • Job
  • Loyalty Card
  • Newswall
  • Padlock/Padlock pro
  • Profile
  • Progressive Loyalty Card
  • Push Notifications
  • QR Coupons
  • Quiz
  • Realtime Chat
  • Scratch Card
  • SmartAds
  • TaxiRide
  • Woocommerce

HOW TO USE FEATURE [CUSTOM PAGE]

Category : DOCUMENTATIONS , GUIDES

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

For instance, custom page gives you the opportunity to create pages like 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 (here it will be Our Activities).

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

1. Text

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

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

When this one has been inserted, you can act on its alignment and its size:

Thus you obtain this result:

To obtain a section like “The vines”, click again on  and follow the process we have seen. But you must act on the alignment which must be on the left and not on the right. You can realize as many sections as you want (custom pages are made up of independent blocks).

More:

You can also add in your text element a link to a website or an e-mail address.

 

This appears:

You have to choose the link type you want to integrate, “URL” if you want to integrate a website or “E-mail” if you want to integrate an e-mail address. Then write in the URL case the link.

ex:

Website:

Source mode, HTML Tags :

You can also insert HTML TAGS by selecting the “source mode” with the “source button”.

The HTML tags allowed are a , img and iframe. Every other html tags will be automatically removed.

2. Picture

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

You obtain this:

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

3. Video

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

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

YouTube:

Click on . This appears:

Screen Shot 2016-06-24 at 15.07.18

Enter your research or your YouTube URL in the field. Here I enter “Freeride in Sweden” and then click on OK. This appears:

Screen Shot 2016-06-24 at 15.07.38

Select the video you want to integrate and then click on “Save” to save your video.

Podcast: 

Click on . This appears:

Screen Shot 2016-06-24 at 15.08.37
Enter your video podcast address ( .xml format) in the appropriate field. Then click on Screen Shot 2016-06-24 at 15.08.48.
Select the video you want to integrate to your custom page. Then click on “Save”.

My video: 

Click on . This appears:

 

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

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

4. Address

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

5. Buttons

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

6. Attachment

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

7. Slider

You can create a slider by adding several pictures.

8. Cover

Thanks to this section you can add cover to this page.


HOW TO USE FEATURE [LINKS]

Category : DOCUMENTATIONS , GUIDES

The Links feature allows you to create links, that will open in the app, or in the device browser, depending on your preferences.

For example, you can create pages like this one with this feature: 

Screen Shot 2016-06-24 at 14.36.33

If you want to create a Links page, click on Screen Shot 2016-06-24 at 14.26.56. It will open 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, click on :

Now, you just have to write the name of your link in “Title” and the url address in “link”. You can also add a logo if you click on Screen Shot 2016-06-24 at 12.13.29.

You have two options:

  1. “Without navbar”: Hide the navigation bar.
  2. “Use external application”: Open the link in the device browser.
You can create as many links as you want, you just have to do this process again.

 

2. Design

In order to make this page unique, you can insert a cover image.

Then, you can change the background:


HOW TO USE FEATURE [CLASSFIELDS]

Category : DOCUMENTATIONS , GUIDES

With this feature, you’ll be able to create your own Classifieds Ads platform for your clients.

To use this feature, you have to create a Google Maps JavaScript API : Click here to learn how to create this API key.

First, click on the  in the “Add pages” section, to add this feature to your app.

Initial setup

  • Radius“: The distance (in meters) where the ads will be displayed from the selected location.
  • Country“: The country where you want the ad to be available.
  • Limit ads to this country only“: The ad will be displayed only in the country you selected, no matter the radius you choose.
  • Ads expiration“: Choose how much days the ad will stay on the app.
  • Moderate Ads“: If this box is ticked, the admin will have to allow the publication of the ads manually ; if it’s not, it will be automatically published.
  • Price is required ?“: Check this if you want a price in every ads, if you don’t want barter.

Click on.Now you will have to create Categories:

First, you have to create a “Section” (for example: Cars/Motorcycle):

Click on  to add it.

Now that you have created a section, let’s create some categories (At least one is required):

Click on  to add a category. You can create as many section and categories as you want, there is no restriction.

Users can add product’s ads only in categories, not in sections themselves.

In the App

To create an ad, open the app and select the Classifieds feature.

Then click on  on the bottom of the screen.

To create one, click on  on the top right of the screen (color may vary depending on your template):

– Write a great description with a minimum of 15 characters (ads won’t be accepted if it’s less than 15 characters)
– Add a picture to the ad.
– Add an address or the address of the product.
– Add an email address to be contacted by a potential buyer.
– Add a phone number.
– Add the category where you want the product to be displayed.

You can decide to hide the phone number or the address on the ad, but know that if your address is hidden, then the ad won’t be visible on the public map.

Be sure to have filled out every cases or the ad will not be accepted.

Click on “Save”, the ad is now published!

Manage Ads

You can manage Ads, and moderate them, on the “Manage Ads” section:

For example here, as I checked “Moderate Ads“, I have to review the Ad and publish it (or not). Click on  to accept it. Click on  to refuse it. In the App, an Ad waiting for review is like that:

An Ad published:

An Ad cancelled:

The vendor will have to click on his Ad, edit and uncancel it, to send the Ad to review again:

 


How To Send Push Notification To Your App User

How To Send Push Notification To Your App User

Category : DOCUMENTATIONS , GUIDES

How To Send Push Notification To Your App User: So today, I’ll show you how to send push notifications to your app users using our App Maker software “Swiftspeed Appcreator”. Not yet setup your first app? click here. You can check our platform features to see different kind of designs made using our App builder.

Then, from the app editor, it is quite simple. You have to click on the Push feature. This will appear:


Then, you have to click on theScreen Shot 2016-06-24 at 12.13.29, to create a new Push message. This will appear:

  • “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.
  • “Insert a cover image” will insert a cover image

How To Send Push Notification To Your App User

Now, choose your message an click on  Once you have clicked, this will appear:

How To Send Push Notification To Your App User

If you want to send your push to a specific location, check the box “Send to a specific location”, enter a location and a radius. If not, check the box “Send to no specific locations”. :

  • “Target specific devices”: You can choose to send to iOS & Android devices, Android only or iOS only.
  • “Send to all my users”: Will send to all of your users, including unregistered ones.
  • “Send to specific users”: Will send to specific users, with the feature “Individual Push Notifications” bought and installed. A list of your users will appear. You will be able to check the users you want to send this push notification to.
  • “Send to specific topics”: How to create topics and send topic based push notifications: here is how to send push notifications to your app

Then, click on  :

You can send your notification now, or on a specific date:

You are done ! Click on  to send the push notification.


HOW TO USE FEATURE [ TOPIC & NOTIFICATIONS]

Category : DOCUMENTATIONS , GUIDES

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

 


SPONSORED

SPONSORED