How To Use The CMS

A curated reference of the most common questions — and straight answers — for working inside the admin panel. Grouped by feature, searchable, printable.

01

Login & Authentication

How do I log in to the admin panel?
Navigate to /login/, enter your Login ID (your registered mobile phone number), enter the current OTP sent to your phone or generated by the system, then click Login.
What is my Login ID?
Your Login ID is your registered mobile phone number.
What is the OTP and where do I get it?
The OTP (one-time password) is a rotating password sent to your email address. OTPs are regenerated periodically — if yours has expired, contact your administrator.
How long does my session stay active?
Sessions expire after 180 minutes of inactivity. You will be redirected to the login page automatically once the session times out.
I got locked out after trying to log in a few times. What happened?
After 3 failed login attempts, your IP address is automatically banned ("jailed"). Contact the super administrator to have it removed from the IP Jail.
Can I log in from any country?
Only if geo-restriction is disabled. If enabled, logins are restricted to whitelisted countries only.
Will the site notify anyone when I log in?
Yes — when a non-primary user logs in, the super administrator receives an email alert with the user's name, IP address, and geographic location.
How do I log out?
Click the Logout link in the admin navigation bar, or navigate to /logout. Your session will be completely cleared.
02

Site Setup (Configuration)

Where do I configure site-wide settings?
Go to setup. Settings are organized into three tabs: Business Information, Website Setup, and Header/Footer Scripts.
What goes in the Business Information tab?
Your business name, business type, phone, address, city, state, zip, country, business hours, email, Google My Business link, social media links, and business description. These drive the header/footer display and Schema.org structured data for SEO.
How do I set my homepage?
In Site Setup → Website Setup tab, use the Main Page dropdown to select which page serves as the homepage.
What's the difference between Standard and One-Pager site style?
Standard is a multi-page layout. One-Pager renders everything on a single scrolling page. Set this under Site Style in the Website Setup tab.
How do I enable Google Analytics?
Enter your GA tracking ID in the Google Analytics field under the Website Setup tab.
Where do I set up reCAPTCHA for forms?
Enter your Google reCAPTCHA Key and Secret in the Website Setup tab of Site Setup.
Where do I configure Stripe?
Enter your Stripe Key and Secret under Website Setup. These are required before any Stripe payment forms will work.
How do I set blog categories?
Under Website Setup, enter a comma-separated list of categories in the Blog Categories field. These become selectable on individual blog posts.
How do I change the favicon?
In the Website Setup tab, select a favicon image from the media library. It is automatically copied to the site root.
What's the Site Image used for?
It's the default Open Graph image used when pages without their own featured image are shared on social media.
Where do I add tracking scripts or custom meta tags?
In Tab 3 — Header/Footer Scripts. The Global Header field injects code into , and the Global Footer field injects code before .
Do I need to clear the cache after changing settings?
No — the cache is automatically cleared when you click Save Changes in Site Setup.
03

Pages

Where do I manage pages?
The list is at content > pages. Edit individual pages by clicking the link under the page name.
How do I create a new page?
On the Pages list, click Add New. A blank page is created for you to edit.
How do I deactivate a page without deleting it?
Use the Toggle Status action on the Pages list. The page stays in the system but is hidden from the live site.
How do I preview a page before publishing?
Use the Preview action on the Pages list, or click Responsive Preview from inside the editor.
How do I request Google to index a page?
Click the Google Index action on the Pages list. It sends a request via the Google Indexing API.
What's the difference between Page Name, Page Title, and Page Slug?
Page Name is the internal name used in menus and lists. Page Title is the SEO title shown in browser tabs and search results. Page Slug is the URL path (e.g., "about-us" becomes /about-us/) and is auto-generated from the name.
How do I create a URL like /services/web-design/?
Set the Parent Page on the child page to its parent. This creates the hierarchical URL automatically.
How do I stop search engines from indexing a page?
Toggle off the Index/Follow option in the Meta Info panel.
What are Custom Fields?
Name/value pairs attached to a page for custom data that can be accessed in templates.
What can the rich text editor do?
Text formatting (bold, italic, headings H1–H6), lists, internal/external/anchor links, images from the media library, embedded YouTube/Vimeo videos, shortcodes (blog listings, widgets, sliders, slideshows, galleries, forms, FAQs, reviews, Google reviews), styled CTA buttons, custom HTML blocks, custom CSS classes, scroll-triggered animations, and Font Awesome icons.
What does the Clean Up button do?
This is for super admin user only and does not affect the website in any way.
Can I duplicate a page?
Yes — click Clone in the page editor toolbar to create a duplicate with all content and settings.
What happens if my page has broken internal links?
A red alert bar appears in the editor listing the broken URLs. Click Fix Links to attempt automatic repair.
Does saving a page clear the cache?
Yes — the file cache is automatically cleared on save. Although you may have to manually clear the LRU cache.
04

Blogs

Where do I manage blog posts?
The list is at content > blogs. Edit individual posts by clicking the link under the blog name.
How is a blog different from a page?
Blogs work like pages but include extra fields: Blog Category, Tags, "Category as Parent" URL option, Created & Expiry Date for publication scheduling.
Where do blog category options come from?
From the Blog Categories list configured in Site Setup → Website Setup.
How do I change the order pages appear?
Use the Sort Order action on the Pages list to move a page lower in the display order.
How do I schedule a blog post for a future date?
Set the Created Date field to a future date. The post will become visible on that date.
How do I schedule a blog post to expire at a future date?
Set the Expired on Date field to a future date. The post will not be displayed after that date.
How do I make blog URLs include the category, like /news/my-post/?
Enable the "Category as Parent" option. The blog category then acts as the URL parent.
How do I display a list of blog posts on a page?
Use the Blog shortcode from the editor toolbar. You can configure number of posts, category filter, columns per row, excerpt length, render template, display type (Standard, Snake, Random), and reverse order.
What does display type "Snake" mean?
Blogs are also used to setup properties. Instead of displaying the properties in a serialized manner, they are shuffled based on the hour of the day — This is particularly useful when there are lot of properties and you dont want to show the same properties every time.
05

Header

How do I edit the site header?
Go to header to view the current rendered header, then click Edit to open it in the visual rich text editor at /edit/header/.
Will header changes affect every page?
Yes — the header is global. Changes appear on every page immediately after the cache is cleared.
Can I use shortcodes in the header?
Yes — the header supports all shortcodes available in the page editor, including widgets, forms, and dynamic content.
06

Footer

How do I edit the footer?
Go to /footer/ to view it, then click Edit to open the visual editor at /edit/footer/.
Can the footer use shortcodes too?
Yes — both header and footer support all shortcodes.
07

Main Menu

Where do I edit the navigation menu?
View at menu builder, then click Edit Main Menu to open the drag-and-drop builder at /edit/mainmenu/.
How do I add a page to the menu?
Drag the page from the Available Pages list on the left into the Current Menu area on the right.
How do I create a dropdown submenu?
Drag menu items into the "submenu" area beneath a parent item.
How do I submenu under parent menu?
Select the submenu item in the left sidebar, then click add submenu. Move the menu item by dragging it to the appropriate position.
How do I add an external link to the menu?
Use the Custom Link tool in the left sidebar — enter a link name and URL, then click Add Page.
How do I add a link to a blog category?
Use the Blog Category tool in the left sidebar — select a category and click Add Category.
How do I remove a menu item?
Drag it back to the left panel.
What if my menu has broken links?
The system automatically checks for broken links. An alert appears if any are found, with an option to auto-fix them.
08

Media Library

Where do I upload images and files?
Go to media. Drag and drop files onto the upload area, or click to browse.
What file types can I upload?
Images: .jpg, .jpeg, .png, .gif, .webp, .ico.
Documents: .pdf, .doc, .docx, .xls, .xlsx, .ppt, .pptx.
What is the "Upload Hi-Res Image" option?
It saves uploaded images at higher quality (85% JPEG compression instead of the standard 75%).
What happens to my image after I upload it?
The system automatically optimizes it, creates three responsive variants (Large 1680px, Medium 1280px, Small 768px), generates WebP versions of each size, indexes the file with dimensions, and sanitizes the filename (lowercase, hyphens, no special characters).
Will images look good on mobile?
Yes — images inserted via the editor automatically serve in the optimal size for each visitor's device using responsive image srcset attributes.
Why did my filename change after uploading?
Filenames are sanitized to lowercase with hyphens and no special characters for web compatibility.
09

Widgets

What is a widget?
A reusable content block that can be embedded on any page using a shortcode. Good for sidebars, promo banners, CTAs, or content that appears on multiple pages.
How do I create a widget?
Go to modules & plugins > widgets, click Add New, fill in the Widget Name and Slug, build the content in the rich text editor, and save.
Can I schedule a widget to appear and disappear automatically?
Yes — set the Active From date (when it becomes visible) and the Expiry Date (when it stops displaying). Useful for seasonal promotions.
How do I place a widget on a page?
Use the Widget shortcode from the editor toolbar and reference the widget slug.
10

Sliders

What is a slider?
An interactive image carousel that cycles through slides, each with images, text overlays, and call-to-action buttons.
How do I change how fast slides auto-advance?
Set the Delay field in milliseconds (e.g., 5000 = 5 seconds).
What are "Slider Sets"?
A true/false option that controls whether the slider groups slides into sets.
How do I add a slider to a page?
Use the Slider shortcode from the rich text editor toolbar.
11

Slideshows

What's the difference between a slider and a slideshow?
Slideshows are optimized for full-width hero images with aspect ratio control, while sliders are general-purpose carousels.
What aspect ratios can I use?
Common options include 4:3, 16:9, and 21:9 — set via the Ratio field.
How do I control slideshow speed?
Use the Delay field (milliseconds).
12

Galleries

What is a gallery?
A responsive grid of images with lightbox functionality — ideal for portfolios, photo albums, and product showcases.
What is the Parallax option?
A toggle that enables or disables a parallax scrolling effect on the gallery.
Why does my gallery look like a 2-column grid in the editor but different on the live site?
The editor shows a condensed 2-column grid for easier management. The live site renders the full responsive layout.
13

Forms

How do I create a contact form?
Go to modules & plugins > contact forms, click Add New, enter a Form Name, Success Message, Recipient email(s), and build the form fields in the editor.
Can I send submissions to multiple email addresses?
Yes — enter comma-separated email addresses in the Recipient field.
How do I connect a form to Mailchimp?
Use the format MC-listid-apikey in the Recipient field.
What is the Success Message?
The message displayed to the user after a successful form submission. It is required.
14

Availability Forms

What is an availability form?
A specialized search form for businesses that manage bookings (hotels, rentals, tours), with date pickers and a redirect URL for results.
What does "Redirect Form To" do?
The page slug that users are redirected to after submitting the availability search. It's required.
What's the Amenities List for?
Filterable amenities or features that guests can check off to refine their search.
15

FAQs

How do I create an FAQ?
Go to modules & plugins > faqs and click Add New. Enter the Question, choose "FAQ for Page" to associate it with a parent page, and type the Answer in the rich text editor.
Do FAQs help with SEO?
Yes — they automatically generate FAQ Schema markup so search engines can show rich results.
How do I display FAQs on a page?
Use the FAQ shortcode from the editor toolbar, optionally filtered by parent page.
16

Reviews

How do I add customer testimonials?
Go to modules & plugins > reviews, click Add New, and fill in Reviewer Name (required), Avatar, Date, Rating, Parent Page, and Review Content.
Can I associate a review with a specific page?
Yes — set the Parent Page field to filter reviews by the page they relate to.
How do reviews appear on the site?
Use the Review shortcode from the editor toolbar to embed them on any page.
17

Google Reviews

Where do the Google reviews come from?
They are pulled from your Google Business Profile via the Google Places API. Configure your Google Places ID in Site Setup.
How do I refresh the Google reviews?
The CMS automatically oulls the newest reviews from Google. To Edit the reviews, go to /edit/googlereviews/ and click Save to update the cached review data.
How do I display Google reviews on my site?
Use the Google Review shortcode from the editor toolbar. Available display styles are Simple, Slider, Comment, and Masonry.
18

Stripe Payment Forms - WiP

What do I need before creating a Stripe form?
Your Stripe API key and secret must be configured in Site Setup → Website Setup.
How do I create a payment form?
Go to modules & plugins > stripe payments, click Add New, enter a Stripe Form Name and Slug, optionally add an Optional Field, and build the form layout in the editor.
How do I let customers update their credit card on file?
Add the shortcode Update Credit Card on Stripe to any page.
19

Templates

What is a template?
A reusable page layout that defines structure and design. When assigned to a page, the page's content renders within the template's HTML structure.
How do I create a template?
Go to modules & plugins > templates, click Add New, enter a template name and slug, build the layout in the visual editor with placeholders for dynamic content, then save.
How do I apply a template to a page?
In the page's Meta Info panel, choose the template from the Page Template dropdown.
20

Theme Editor

How do I change the site's colors?
Go to theme. Each CSS color variable appears as a clickable swatch. Click one, adjust with the RGB sliders on the right, and click Save.
Will changes preview in real time?
Yes — a live preview shows the header, sample content, typography, buttons, and footer with the current color scheme as you adjust.
Where are the colors saved?
Directly to the main stylesheet. Back up your CSS before making significant color changes.
21

Style Editor (CSS)

Where do I edit the site's CSS?
Go to under the hood > edit stylesheet. Styles are split into breakpoint-specific files for optimal loading.
What are the breakpoints?
Critical CSS (inlined above-the-fold), XS (< 576px, mobile first), SM (576–767px), MD (768–991px, tablets), LG (992–1199px, desktops), XL (1200–1399px), XXL (1400px ), and XXXL (custom ultra-wide).
Why is there a Critical CSS file?
It's inlined into the page to render above-the-fold content immediately, improving perceived load speed.
22

Script Editor (JavaScript)

Where do I add custom JavaScript?
Go to under the hood > edit javascript. Edit script.js directly with line numbers for reference, then click Save to deploy.
23

Responsive Preview

How do I test my site on different screen sizes?
Go to under the hood > test site responsiveness (or click the eye icon in any page editor). Select a page from the dropdown and click a device-size button.
What screen widths are available?
XXXL (1680px), XXL (1400px), XL (1280px), XLG (1024px), LG (992px), MD (768px), SM (576px), and XS (375px).
24

Under the Hood

What is "Under the Hood"?
The admin's power dashboard at under the hood, containing advanced tools for site maintenance, security, and performance.
How do I clear the site cache?
In the LRU Cache section, click "Clear All Cache" to force all pages to regenerate on next load.
Where do I edit robots.txt?
Under Modify Files → Edit Robots.txt.
How do I create a 301 redirect?
In the URL Redirections section, enter the old slug in "Redirect From" (no leading slash/parent path), select the target in "Redirect To", and click the checkmark. Click the X to remove an existing redirect.
Why would I use URL redirections?
To preserve SEO value when a page is moved or renamed — the old URL forwards to the new one.
How do I unban an IP address?
In the IP Jail section, click the banned IP address to remove it and restore access.
How do I see who has logged into the admin?
The Visitor Log shows recent admin access including timestamps, IP addresses, and actions taken. Only Super Admins can view this info.
How do I find media files that aren't being used?
The Unused Media section shows the count of media files not referenced anywhere in the database, so you can clean up orphaned files wasting storage.
27

User Management - Super Admin Feature

Who can manage users?
Only the super administrator. Non-admin users see an authorization warning on /edit/users/.
How do I add a new user?
A blank row at the bottom of the user list lets you fill in Username, Mobile Number, and Email Address, then click Save.
What info is stored for each user?
Username (display name), Mobile Number (used as login ID), and Email Address (for notifications).
Can I see what admins have done?
Yes — the Admin Activity Log shows a chronological record of all admin actions (logins, page edits, config changes) with timestamps and user identification.
28

Error Check

How do I find broken links across my site?
Go to error check. It crawls the site using sitemap.xml, fetches each page's HTML, extracts all hyperlinks, and validates HTTP 200 responses. Broken links are highlighted in red.
Why is the error check slow?
It makes live HTTP requests to every link on every page. Large sites can take several minutes.
29

AWS CDN

What does the AWS CDN page do?
At modules & plugins > amazon cdn, it deploys site assets to Amazon CloudFront CDN — syncing media files to S3 and configuring distributions for faster global delivery.
How does the deployment work?
Deployment runs via AJAX, handling both the S3 upload and the CloudFront invalidation.
30

Preview & Media Index

How do I preview a page cleanly, without the editor?
Navigate to under the hood > test site responsiveness. Select the page from the dropdown, it renders page or blog content as it will appear live.
✦

General & Cross-Cutting

How do I know if my changes went live?
Most save actions clear the cache automatically. If a change doesn't appear, go to Under the Hood and click "Clear All Cache".
What shortcodes are available in the editor?
Blog listings, Widgets, Sliders, Slideshows, Galleries, Forms, FAQs, Reviews, Google Reviews, and



for Stripe credit card updates.
Can I use shortcodes in the header and footer too?
Yes — all shortcodes work in the header and footer, not just in pages.
How are images delivered to visitors?
Responsively — each image is automatically served in Large (1680px), Medium (1280px), or Small (768px) variants, with WebP versions for modern browsers, using srcset attributes to match each visitor's device.
Why is SEO data coming out of business settings?
Business info (name, type, address, hours, etc.) populates Schema.org structured data that helps search engines understand your business for local SEO.
How do I cache or skip caching a specific page?
Toggle the Cache field in the page's Meta Info panel.
What's the difference between the Theme Editor and the Style Editor?
The Theme Editor is a visual tool for changing CSS color variables. The Style Editor gives direct access to all the CSS files across breakpoints for deeper customization.
Which feature is best for reusable content?
Widgets — they're designed for content that appears in multiple places, with optional Active/Expiry dates for time-limited display.
How do I handle seasonal promotions?
Create a Widget with Active From and Expiry Date set. It will automatically appear and disappear on the scheduled dates.
Where is the Admin Activity Log?
On the User Management page (/edit/users/), visible to the super administrator.
What should I do before making major CSS or color changes?
Back up your stylesheet — the Theme Editor writes directly to the main CSS file.
How do I keep SEO value when renaming a page?
Create a 301 redirect in Under the Hood → URL Redirections from the old slug to the renamed page.
What's the fastest way to find a page in a long list?
Use the search box in the top-right of the Pages list to filter by name, or the category tags to filter by content category.
How do I display activities, events, parks & dining info from hockinghills.com?
Open the page where you would like the info to appear. In the RTE, click social then select any of the 4 fetch- buttons to add the respective info on the page.
How do I pull rental property data from hockinghills.com?
Open the page where you would like the info to appear. In the RTE, click shortcode then select scrape. The CMS is designed to fetch the following information from hockinghills.com.
  • Description
  • Sleeps
  • Amenities
  • Activities
  • Reviews

Note: you also need to set the property ID on the page to fetch the relevant data. This can be done by adding a custom field to the page with the name scrapeid and the property id as its value