Feedback Management

 

Deployment Guidelines:

If you haven't already, request the Feedback Management System and Caspio Support will load it into your account. Once the application is loaded, follow the below instructions to customize and deploy your app.

  1. If you're not already familiar with Caspio Bridge, please watch our video tutorials.
  2. If you're not familiar with how to deploy Caspio DataPages, review embedded deployment.
  3. To utilize the demo web pages, download the supporting files containing the website structure for both the public and administrative interfaces. Place the files on your web host or server.
  4. Inside your account, deploy each DataPage and copy-and-paste the DataPage deploy codes in the corresponding web pages shown below (where it says <!--Caspio code starts here-->):
     
    Caspio Folder → DataPage Location Supporting File Folder → Web Pages
    CB Public → CB_Feedback_JS public → feedform.htm
    CB Admin – Protected → CB Category_Detail admin → catdetail.htm
    CB Admin – Protected → CB Category admin → category.htm
    CB Admin – Protected → CB Redirection_JS admin → index.htm
    CB Admin – Protected → CB Search admin → search.htm
    CB Admin – Protected → CB Source admin → source.htm
    CB Admin – Protected → CB Status admin → status.htm

     

  5. To implement the Feedback button on your own website, you will need to update the HTML of each page to reference supporting files in the following folders:
    • Javascript
    • Style
    • Images

     
    5a. Insert the following snippet into the <head> area of every page you wish to display the feedback button:

    <head>
    <script type="text/javascript" src="../javascript/lightbox-form.js">
    </script>
    <link href="../style/site.css" rel="stylesheet" type="text/css" />
    </head>

    Update the URL paths to the lightbox-form.js and site.css files as necessary.

    5b. Next, insert the following snippet into the <body> area:

    <body>
    <div>
    <!--iframe for lightbox-->
    <div id="shadowing"></div>
    <div id="box">
    <span id="boxtitle"><h1>Feedback</h1><span onClick="closebox()"><a class="close_but" title="Close Feedback"></a></span></span>
    <iframe id="cb_frame" frameBorder="0" style="width: 100%;height:100%;" name="Register_lightbox_submission" title="Register_lightbox_submission" src="">Sorry, but your browser does not support frames.</iframe>
    </div>
    </div>
    <!--Place below the </body> tag -->
    <div class="gsfn-widget-tab gsfn-left" style="background-color: none; color:transparent; border-color: none; font-family: Arial,Helvetica,sans-serif; top: 35%;" onClick="openbox('feedform.htm',1)"><img src="../images/feedback.png"></div>
    </body>

    Update the URL path to the feedback.png image as necessary (or replace entirely with your own image).

  6. Inside your Caspio Bridge account, update your admin/user information and passwords in this table:
    • Table: tbl_admin_feedback_form
  7. Delete the sample data:
    • Table: tbl_feedback_form
  8. (Optional) Update categories and status to match your business needs:
    • Table: tbl_lu_feedback_status
    • Table: tbl_lu_category
  9. Customize the application as you wish, such as:
    • Change "Feedback" button image – Located at /images/feedback.png.
    • Change the position of the "Feedback" button or the size of the lightbox window – Located in the "Fixed Feedback" section of /styles/site.css.
    • Add or change fields in the table. See how>>
    • Edit DataPage fields. See how>>
    • Choose a different style. See how>>
    • Feel free add other common customizations such as CAPTCHA security, file upload, and IP address AutoValues.
  10. Test all application interfaces, functions and navigation, and also confirm that the data is stored and managed to your preferences.

If you need help walking through this application, please request a project consultation.