Skip to main content

Create/Edit Site Content

Create and Manage Site Content

The Site Content module is the main content management area of ARK Site. It allows Center Administrators to create, manage, and customize various elements of the website.

The following sub-modules are available under Site Content:

  • Site Pages

  • Headers

  • Footers

  • Scroll Buttons

  • Opening Hours

  • Site Forms

  • Site Overlay

1. Site Pages

The Site Pages section displays all pages available within the website. Center Administrators can create, edit, activate, deactivate, and delete pages from this area.

1.1 Page Overview

All website pages are displayed in the page listing. Pages are grouped into the following categories:

Active Pages
Pages with Active status that are visible on the website.

Deactivated Pages
Pages with Inactive status that are not visible on the website.

OLS Landing Pages
Standalone landing pages created specifically for Online Lead Services (OLS) campaigns.

System Pages
System-generated pages required for website functionality. These pages cannot be deleted by Center Administrators.

Site Content module screenshot :

Screenshot 2024-11-28 at 1.01.07 PM.jpg

1.2 Create New Page

Click Create New Page to create a new website page.

Screenshot 2026-06-10 at 4.31.46 PM.png

Fill in the following page information:

  • Page URL – The URL path of the page.
  • Page Title – The page title displayed in search engines and browser tabs.
  • Page Description – A brief description of the page content.
  • Rich Snippet – Structured data used by search engines, if applicable.
  • HTML Head Content – Additional content to be inserted into the page's HTML head section.
Duplicating an Existing Page

When creating a page, administrators may choose to duplicate content from an existing source:

  • Current Site – Copy content from an existing page within the current website.
  • Other Sites – Copy content from another website. This option is only available to System Administrators and Super Administrators.
  • Landing Page Template – Create the page using an available landing page template.
Page Options

The following options are available during page creation:

  • Make this page a Landing Page
    Creates the page as a standalone landing page. Landing pages are listed under the OLS Landing Pages tab.
  • Make this page without Header
    Removes the website header, including the navigation menu and contact bar, from the page.
Important Information

All required fields must be completed before a page can be created.

When a page is successfully created:

  • Standard pages are displayed under the Active Pages tab.
  • Pages created as landing pages are displayed under the OLS Landing Pages tab.

Screenshot 2026-06-10 at 4.45.35 PM.png

Explanation on Head Content:

The HTML Head Content field allows additional HTML code to be inserted into the <head> section of the webpage.
This section is not visible to users but is essential for SEO and search engine optimization settings, such as language targeting, metadata, or verification tags.

In our setup, this field is mainly used to define hreflang tags, which tell Google and other search engines which version of a page should be shown to users in different language regions (for example, Austria and Germany).

Example : 

<link rel="alternate" hreflang="de-at" href="https://www.examplesite.at/">
<link rel="alternate" hreflang="de-de" href="https://www.examplesite.de/">

This example specifies:

  • de-at → German version for Austria (.at domain)

  • de-de → German version for Germany (.de domain)

These tags help ensure that users in each region are directed to the correct localized version of the website, improving both user experience and search visibility.

In summary: The HTML Head Content field is where we add technical SEO elements — such as hreflang tags — to make sure Google knows which regional website version to display to each audience.

1.3 Edit a Page

After a page has been created, click the Edit button from the page listing to open the Page Editor.

Screenshot 2024-11-28 at 12.59.46 PM.png

The Conida Page Editor is made up of multiple content sections that together form the page. Each section can be managed individually using the toolbar displayed on the right side of the section.

Screenshot 2024-11-28 at 1.09.36 PM.jpg

Section Toolbar

The following actions are available for each section:

  • Up / Down Arrow – Move the section up or down within the page.
  • Delete – Remove the section from the page.
  • Add (+) – Insert a new section.
  • Duplicate – Create a copy of the current section.
  • Edit (Pencil) – Edit the content and settings of the current section.
  • Hide (Eye-Crossed) – Hide the section from the website without deleting it.
  • Code (Spanner) – Access the section's code settings. This option is only available to System Administrators and Super Administrators.
  • Reset – Reset the section to its default configuration.

1.4 Add a Section 

Click the Add (+) button to open the Add Section dialog.

The following options are available:
  • Select a Template
    Displays the website template currently used by the website.

For example, if the website was created using the Sale template, the Sale template will be selected by default.
Remark: Only System Administrators and Super Administrators can view and select all available templates.

  • Select a Category
    Choose the category of sections to be displayed.
  • Select a Section
    Displays the available section templates within the selected category. Select a section to add it to the page.
Screenshot of Select a Section listing :

Screenshot 2024-11-28 at 1.21.58 PM.png

1.5 Edit a Section 

After a section has been added to the page, click the Edit button to modify the section content and settings.

Screenshot 2024-11-28 at 1.23.52 PM.png

Section Editor

Within the Section Editor, Center Administrators can configure various section properties, including:
Screenshot 2024-11-28 at 1.28.51 PM.png

- Text and image content
- Row and column spacing (padding and margin)
- Background colours
- Layout settings
- Component-specific settings

The available editing tools may vary depending on the selected section template and components used.

Additional content can be added to the section using the following options:

  • + Row – Add a new row to the section.
  • + Column – Add a new column within a row.
  • + Component – Add content components such as text, images, buttons, and other available elements.

2. Introducing the Blank Section Editor 

The Blank Section Editor allows Center Administrators to build a section from an empty canvas instead of using a predefined section template.

To create a blank section:

1. Click the "+" button.
2. In the Select Section dialog, click "Create Section".

Screenshot 2024-11-28 at 1.36.47 PM.png

Screenshot : Blank Section Editor

Screenshot 2024-11-28 at 1.38.55 PM.png

2.1 Understanding the Editor Structure

The Blank Section Editor is built using a hierarchical structure. Understanding these building blocks will help administrators create and manage page content more effectively.

Container
A Container is the outer wrapper of a section. It defines the overall width, spacing, background, and layout settings of the section.

Row
A Row is used to organize content horizontally within a container. A section may contain one or multiple rows.

Column
A Column is created within a row and defines how content is arranged across the page. Administrators can choose different column widths to create various layouts.

Component
A Component is the actual content element displayed on the website. Examples include Text, Image, Video, Button, Site Form, and other available content elements.

The structure of the editor follows the hierarchy below:

Container
→ Row
→ Column
→ Component

2.2 Creating Content

Step 1 – Add a Row
Create a row to define the layout structure of the section.

Screenshot 2024-11-28 at 1.40.02 PM.png

Step 2 – Define Column Width
Add one or more columns and select the desired width percentage for each column.

Screenshot 2024-11-28 at 1.40.14 PM.png

Step 3 – Add Components
Insert content components into the selected column.

Screenshot 2024-11-28 at 1.40.36 PM.png

2.3 Available Components


The following components are available:

  • Text 
  • Image 
  • Video
  • Button
  • Site form
  • Template component*
  • Map/embed code
  • Divider

Template Components are pre-designed content elements created for more complex layouts and designs. They allow administrators to quickly insert reusable design elements without having to build them manually within the editor.

Editing Components

After a component is added, its settings are displayed in the right-side editor panel. The available settings vary depending on the selected component.

2.4 Save as Template

The Save as Template function allows administrators to save a section for future reuse.

Templates can be created from:

  • A newly created section in the Blank Section Editor.

  • An existing section that has been edited and customized.

To save a section as a template:

  1. Create or edit a section.

  2. Enter a template title.

  3. Click Save as Template.

The template will be stored in the template library and can be reused when creating new pages or sections.

Screenshot 2025-01-08 at 3.07.01 PM.jpg

Using a Saved Template

To apply a previously saved template:

  1. Click the Add (+) button within the Section Editor.

  2. Select Own Sections from the template dropdown.

  3. Choose the desired template from the list.

  4. Apply the template to the page.

The selected template will be inserted as a new section.

Screenshot 2025-01-08 at 3.14.40 PM.png

Screenshot 2025-01-08 at 3.06.01 PM.png

Remarks:
Own Sections are stored per website. Templates created in one website are only available within that website and will not be visible in other websites.

3. Header Editor

The Header Editor allows Center Administrators to configure the website header, including navigation menus, menu appearance, and contact information displayed on the website.

A website header is typically displayed across all pages of a website and serves as the primary navigation area for visitors.

Typical elements within a conida website header include:

  • Company logo

  • Navigation menu

  • Call-to-action buttons

  • Contact information

  • Language switcher

Following are some examples of conida website header: 

Screenshot 2024-11-29 at 5.34.15 PM.png

Screenshot 2024-11-29 at 5.34.48 PM.png

Screenshot 2024-11-29 at 5.33.53 PM.png

The Header Editor consists of the following configuration areas:

  1. Edit Navigation

  2. Edit Header Menu Styling

  3. Contact Info Configuration

3.1 Edit Navigation

Navigate to: Site Content > Header > Edit Navigation tab

Center Administrators can create and manage the website navigation structure here.

Screenshot 2024-11-29 at 5.42.08 PM.png

Navigation Functions

The following actions are available:

Function Description
Add Header Menu Create a new top-level menu item.
Add Sub-menu

Create child menu items beneath an existing menu item. The navigation menu supports up to three levels (Level 1, Level 2, and Level 3).

 

Sub-menu items can be created by clicking the blue arrow beneath an existing menu item.
Edit Menu Item Modify the menu title and link configuration.
Hide Menu Item Temporarily hide a menu item without deleting it.
Delete Menu Item Permanently remove a menu item from the navigation.
Open in New Tab Configure whether the linked page opens in a new browser tab.
Language-specific Content Configure menu titles independently for each available language.
Support Link Types 

Screenshot 2026-06-15 at 4.46.14 PM.png

3.2 Setting up menu styling 

OnThe Edit Header Menu Styling tab allows Center Administrators to customise the sameappearance modal,of godifferent header areas for both desktop and mobile views.

Administrators can configure colours independently for various header sections, menu levels and device types.

Note: The illustration displayed in this tab is intended as a visual guide to "Edithelp Menuidentify Headerdifferent Styling"header areas. It does not provide a live preview of the configured colours.

Screenshot 2026-06-15 at 5.43.42 PM.png

Screenshot 2024-11-29 at 5.53.48 PM.pngScreenshot 2026-06-15 at 5.43.51 PM.png

Here,

Center
The Adminfollowing isareas allowedcan tobe configuredcustomised:
color, color, Color: color,configurationonlyworkstemplateInjoyNew,Sale)may configure
  • Modify
    • Logosize:from
    AreaDescription
    Contact Bar ItemConfigure the followingappearance :of

    the
      content
    • Headerdisplayed Menuwithin :the contact bar.
    Contact Bar Background Configure the background colour of the contact bar.
    Dynamic Navigation BarConfigure the header appearance when visitors scroll down the page.
    Desktop Menu Item Configure desktop navigation menu styling separately for Level 1, Level 2 and Level 3 menus.
    Desktop Hovered Menu Text Configure (Availablethe fortext bothappearance mobilewhen andvisitors desktop)hover
  • Contactover Barmenu Itemitems.
    		•
    Desktop Hovered Menu Background Configure contactthe barbackground itemcolour colordisplayed when
  • Dynamicvisitors Navigationhover Bar:over Thismenu coloritems.
    		•
    Desktop forHeader websiteBackground Configure withthe dynamicdesktop navigation bar (Businessbackground Casual,colour.
    Mobile
  • Hamburger icon:Icon
    		•  Configure the colordisplay colour of the mobile hamburger iconicon.
    Mobile mayMenu selectIcons Configure 'small',the 'medium'display colour of other icons displayed within the mobile menu.
    Mobile Menu ItemConfigure the menu item text colour for mobile navigation separately for Level 1, Level 2 and 'large'Level 3 menus.
    Mobile Hovered Menu TextConfigure the text colour when visitors hover over mobile menu items for Level 1, Level 2 and Level 3 menus.
    Mobile Header BackgroundConfigure the logomobile size.navigation background colour.
    Logo SizeConfigure the displayed size of the website logo.

    Screenshot 2024-11-29 at 6.12.39 PM.png

    3.3 Setting up contact info 

    OnThe the same modal, clicks "Contact Info Configuration"Configuration tab allows Center Administrators to configure the content displayed in the contact bar above the main navigation menu.

    Screenshot 2024-11-29 at 6.13.52 PM.pngScreenshot 2026-06-15 at 5.52.39 PM.png

    OnAdministrators thismay modal, Center Admin can updateconfigure the following datainformation, :which are the primary info displayed on Contact Bar

    • Phone number,number
      • address
    • Address
      • and
    • Google google mapMap link

    In addition, administrators can control the visibility of the information displayed onin the contact infobar.

    bar
  • Tick
    The following display settings are available:
    theirvisibilityon
    Display SettingDescription
    Show Contact BarDisplay or hide the checkboxesentire tocontact configurebar.
    Show Phone NumberDisplay or hide the website.configured phone number.
    Show EmailDisplay or hide the configured email address.
    Show AddressDisplay or hide the configured address.
    Show Social Media IconsDisplay or hide the social media icons configured under Center Settings > Social Media Settings.

    Remark: The contact bar is displayed above the main navigation menu.

    Example screenshot of Contact Bar :

    ChatGPT Image Jun 15, 2026, 06_38_02 PM.png

    4. Introducing Footer Editor

    Go to Site Content > Footer 

    A footer is the bottom section of a web page that typically appears across all pages of a website. It contains important information and links, acting as a reference point for users.

    conida website's footer configuration as below :

    Screenshot 2024-12-02 at 2.51.13 PM.png

    4.1 General Tab 

    Under "General" tab, user can add footer components using the " + " button.

    After clicking "+", this modal will pop up : 

    Screenshot 2024-12-02 at 2.57.21 PM.png

    Then Center Admin may configure the footer by adding the components which required. Each component can be further configured during setting up.

    Screenshot below show some examples of website footer created by conida footer editor:

    www.conida.com

    Screenshot 2024-12-02 at 2.59.54 PM.png

    https://pactainvest.at/

    Screenshot 2024-12-02 at 3.00.29 PM.png

    4.2 Setting Tab

    Under this tab, Center Admin can configure the color for the footer elements : 

    Screenshot 2024-12-02 at 3.05.58 PM.png

    5. Introducing Scroll Buttons 

    Scroll Buttons usually appears as a CTA ( Call-to-action) buttons on conida websites. It will always appear on the right hand side of the page, if configured.

    An example of scroll buttons: 

    Screenshot 2024-12-02 at 3.47.42 PM.png

    Click on Site Content > Scroll Button, and this modal will pop up. 

    Screenshot 2024-12-02 at 4.06.03 PM.png

    5.1 Create Scroll Button 

    Click "Create" Button.

    Screenshot 2024-12-02 at 4.07.40 PM.png

    Under [ General ] tab:
    • Button type - Select form of your scroll button, it can be in "Icon", "icon with tooltip" and "text" 
    • Title - the name of your button
    • Link - configure the URL of the button
    • Content - "select image" to display for your scroll button (option only available if "icon" or "icon with tooltip" is selected. Or you could just "drag & drop" the image for upload.

    Screenshot 2024-12-02 at 4.12.12 PM.png

    • Position - set the order of scroll button. If '1' is set, meaning it will be the first button from top.
    • Status - Active display the button; inactive hide the button
    • Position of the scroll button in percent from the top - Set a percentage for the scroll button to configure how far it is from the top of the page.
    • Submit the form. 

    Scroll button created will appear on the listing. Center admin can click on "edit" button to edit properties of the scroll button.

    Screenshot 2024-12-02 at 4.29.57 PM.png

    Under [ Color ] tab : 

    Center admin can set the properties of "Text Scroll button" via this tab :Screenshot 2024-12-02 at 4.37.08 PM.png

    This is an example of the Text Scroll Button.

    Screenshot 2024-12-02 at 4.39.18 PM.png

    The configuration of a text scroll button will require the color setting of : 

    • Background color
    • Mouseover color - color of background when mouseover
    • Text color 

    6. Opening Hours 

    Under Site Content > Opening Hours, Center Admin may configure the opening hour using the text editor.

    Screenshot 2025-01-08 at 2.53.28 PM.png

    6.1 Opening Hour at Footer 

    This opening hour will appear under Footer, if this component is added by Center Admin.

    Screenshot 2025-01-08 at 2.55.19 PM.png

    Screenshot 2025-01-08 at 2.57.51 PM.jpg

    6.2 Opening Hour at Contact form 

    This opening hour will also be displayed under every conida's standard contact form's template :

    Screenshot 2024-12-03 at 3.19.35 PM.png


    - the end -

    • Back to top