Add custom content using Web apps

Note:

This feature is not available on all site plans.

Use Web apps to create custom content items such as real estate or job listings, store locations, and staff profiles. 

Web apps allow you to set any number of custom fields with different field types such as text, radio buttons, and drop down lists. Web app items are either created by a site administrator or by visitors who submit items.

The workflow for creating a Web app consists of the following:

  1. Create a Web app
  2. Add items to a Web app
  3. Add the Web app input form in a page
  4. Insert the Web app listing in a page

Create a Web app

  1. Select Web Apps > +Add Web App.

  2. Enter a name, specify the properties of the Web app, and then click Next.

    For details, see tool tips next to the options.

  3. Click Add Field and specify the name and field type, then click Save Field.

    Example: Job title - Text (string).

  4. Click Add Field to create more custom fields, then click Next.

  5. Insert additional content in the layout by selecting tags from Data tab of the Toolbox found on the right of the editor.

    The tags represent dynamic content in the module. For example, to display the Job title field created in the previous step, insert {tag_job title} in the list template of the Web app. When published, job title entry is displayed in the module.

    Note:

    The tags available for a template differ depending on the template selected. For details, place your mouse cursor over tags in the Data tab of the Toolbox.

  6. If your Web app allows visitors to submit items, define the look of the Autoresponder email by clicking Autoresponder.

    Insert additional content in the layout by selecting tags from Data tab of the Toolbox found on the right of the editor.

  7. Click Save.

Create an index page for a Web App

Once you have created a Web App, you can specify the URL of Web App.  All Web App items are appended to the end of the URL.

Example: 

  • Web App URL - /real-estate

    You can also specify subfolders for Web App URLs, such as /real-estate/apartments/

  • Web App item URL - /real-estate/estate-1
To edit the URL of a Web App, click the Edit link next to the Web App URL.


Once you have specified a Web App URL, you can now create an index/root page for your Web App.

  1. Select Site Manager > File Manager.
  2. Click New Folder and enter a folder name with the same name as the Web App URL.

    Example: if your Web App URL is /real-estate, create a folder with the name of real-estate.

  3. Click Save.
  4. Select Site Manager > Pages, and then select the new folder you have created in the above step.
  5. Click Add page, and create a page with the name of index.html

    For details on creating a page, see Work with pages.

    Note: Ensure the new folder is selected from the Folder menu.

  6. Add the content of your new page and save the page.

    This page can now be used as the index page of your Web App.


Add items to a Web app

  1. Select Web Apps and click the Web app from the list.
  2. Click Add Item, enter the name of the item and specify the properties.
  3. Do one of the following:
    • Click Save
    • To add a new item, click Save and Add New

Import Web app items

You can create multiple Web app items in one operation.

  1. Select Web Apps and click the Web app from the list, then click Import Items.

  2. Click Download Import Template and save the downloaded spreadsheet on your computer.

    You can export a spread sheet of existing items by selecting Edit Web App Settings and clicking Download All Items.

  3. Fill in the spreadsheet with the Web app item properties.

  4. Save the spreadsheet as a .csv or .tab file.

  5. Back on the import page from step 1, click the Browse button and select the .csv or .tab file on your computer.

  6. Click Next.

    If the file has errors, an error message appears. Fix the errors in the file and try importing it again. If you don't have any errors, an import preview page appears.

  7. Click the Import button to import your items.

Add the Web app input form in a page

If you want to give visitors the option to submit Web app items, you can add the Web app item input form in a page.

Note:

To submit a Web app item, the visitor must be logged in to a secure zone. For details, see Add a secure area to your site.

  1. Open the page in editing mode by selecting Site Manager > Pages and clicking the page in the tree view.
  2. Place the cursor in the content editor where you want to insert the form.
  3. In the Modules tab of the Toolbox found on the right of the editor, select Web Apps > Web Apps Input Form.
  4. Select your Web app from the list and click Insert.
  5. Click Update or Save Draft.

Insert the Web app listing in a page

  1. Open the page in editing mode by selecting Site Manager > Pages and clicking the page in the tree view.
  2. Place the cursor in the content editor where you want to insert the items.
  3. In the Modules tab of the Toolbox found on the right of the editor, select Web Apps > List of Web App Items.
  4. Select the Web app and then select the item or items you want to display, then click Insert.

    The system inserts a placeholder tag representing the Web app module. When you publish the page, Web app items replace the placeholder tag.

  5. Click Update or Save Draft.

Insert a Web app search form in a page

  1. Open the page in editing mode by selecting Site Manager > Pages and clicking the page in the tree view.

  2. Place the cursor in the content editor where you want to insert the search form.

  3. In the Modules tab of the Toolbox found on the right of the editor, select Web Apps > Web Apps Search Form.

  4. Select your Web app from the list, and then click Insert.

    The system inserts the form's HTML into the page.

    You can display the search results on another page by inserting {module_webappsresults} in the page and redirecting the search form. See Point to the results page.

  5. Click Update or Save Draft.

Delete a Web app

  1. Select Web Apps, and then click on the Web app from the list.
  2. Click Edit Web App Settings, and then click Delete.

    Warning: Deleted items are not recoverable. Make sure you're deleting the right Web app.