Front-End

• Creating a Tour Guide
  • Select any front-end page to add a tour guide.
  • Add steps by marking specific areas on the page and providing descriptions for each step.
  • Set a timer for each step in the tour guide.
  • You can customize the appearance of each step by selecting its background color, font color, and position on the screen.
  • Note: Multiple tour guides can be assigned to a page, but only the most recent one will be visible to users.
• Viewing a Tour Guide in the Web Browser
  • Users can view the tour guide step-by-step on a specific page.
  • The user can repeat the tour at any time.
  • Navigation options allow users to refresh the tour, go to the previous or next step, or end the tour.
  • Once completed, the tour guide will be automatically disabled for the user.

AdminCP

• Configuration
  • Define where the tour guide badge will appear on each page.
• Permissions
  • Set access permissions to control who can create and manage tour guides.
• Tour Guide Management
  • View and manage all existing tour guides from the AdminCP.
  • Edit, delete, enable/disable, or reorder tour guides as needed.
  • Activate or deactivate tour guides.
  • Reset tour guides so they display again for all users.
• Step Management in a specific Tour Guide: When editing a tour guide, administrators can:
  • Add new steps to the selected tour guide.
  • Edit steps, including their content and display settings.
  • Delete existing steps.
  • Drag and drop to reorder the steps as desired.

Installation Guide

This guide aims to assist you in installing apps in your MetaFox site's AdminCP. Ensure that you have administrative access to the MetaFox site.

• Let's log into AdminCP > Apps > Purchased
• Now, click on the app you want to install.
• Click on the Install/Reinstall button to start installing the app. Wait for the installation to complete.
• During the installation, the site will send a build request to the MetaFox Build service to build a front-end web with the new app. Thus, the app may take a few minutes to display on the front end.
• After installing successfully, you can reload the AdminCP and start configuring the app as needed by going to AdminCP > App Settings, searching for the newly installed app, and accessing its settings.