Store Locator

 

Deployment Guidelines

If you haven't already, request the Store Locator and Caspio Support will load the application into your account. Once the app is uploaded, you will receive an email confirmation and ZIP file containing the website files and fully-deployed app.

The instructions below outline how to publish this ready-made app on your own website. Feel free to customize the application fields, interfaces and features using Caspio's point-and-click wizards.

Publish Files on Your Website
  1. Open the ZIP file provided to you via email. This file contains all the necessary HTML, CSS, images and scripts for the various web pages.
  2. Extract the files to the preferred directory location on your web server. Do not modify the HTML file names, as the application includes relative links to various pages.
  3. To view the administrative application in your browser, open the file located at /admin/index.html. A temporary login was sent to you via email, and we highly recommend you change it in the next step below.
Prepare Your Application for Rollout
  1. Log in to your Caspio Bridge account and prepare the data in the following tables:
    • STLO_Admin: Update your usernames and passwords.
    • STLO_Stores: Delete the sample records and import your own list (see how) by mapping your fields to this table structure. Do not modify the options for the "Status" field, as the application workflow utilizes URL re-directions based on status.
    • STLO_Contacts: Delete or update the sample records, or import your own contact list.
    • STLO_Search_Logs: This table captures user searches and IP addresses. You can create a report based on this table if you wish.
  2. Edit the DataPages as needed.
    • Add or change fields in the table. See how>>
    • Edit DataPage fields. See how>>
    • Set up automatic emails whenever records are updated. See how>>

As you customize your app, you can preview your changes immediately by opening the DataPage inside Caspio Bridge, or by refreshing your browser while viewing the pages on your web server.

Additional Customization

Mobile Redirection
If you are utilizing the mobile app, you can include a redirection script on your web page to automatically redirect mobile phones to your mobile URL.

  1. Place the following code in the Head section of your web page.
    <script>
    function isMobilePhone(){
    var ua = navigator.userAgent;
    var isMobile = /iPhone|iPod|BlackBerry|Windows Phone/i.test(ua);
    if(isMobile){
    return isMobile;
    }else if(ua.indexOf('Android') != -1 && ua.indexOf('Mobile') != -1){
    return true;
    }else{
    return isMobile;
    }
    }if(isMobilePhone()){
    window.location = "http://MobileURL";
    }
    </script>
  2. In the above code, replace http://mobileURL with the full web address of the mobile application (located at /mobile/search.html).
  3. Once deployed, any iPhone, Android, Windows, Blackberry phone accessing your web page will be automatically redirected to the mobile app, while tablet devices will continue to view the web interface. The following mobile operating systems are supported:
    • iOS 3.0 or above
    • Android 1.6 or above
    • Windows Phone 7 or above

For questions or assistance customizing this application, contact Caspio Support.