--- title: Page slug: page docTags: createdAt: 2024-02-02T12:35:58.333Z --- ## How To Add Custom Pages? This feature allows you to effortlessly create personalized content such as **“About Us,” “Contact Us,” third-party-created Merchant/Driver forms, “Privacy Policy,”** or any other custom pages. Tailor your ordering website’s header, footer, or even the profile section of ordering apps with ease. Enhance your online presence by adding relevant information where it matters most. *** ## How to Access the Custom Pages Section - On the Admin panel, click on "Settings." ::Image[]{src="https://api.archbee.com/api/optimize/A6k4A417O1V2DGm4H5kN0/pPfc9DLSECXzhThAx6WpG_image.png" size="80" width="625" height="349" position="center" darkWidth="625" darkHeight="349" showCaption="false"} - Then click on the "Page" section. ![](https://api.archbee.com/api/optimize/A6k4A417O1V2DGm4H5kN0/i7xCNkjECdvWjC3nkmaJR_image.png) *** ## How to Create a New Custom Page - To add a new page, click on "Create New." ![](https://api.archbee.com/api/optimize/A6k4A417O1V2DGm4H5kN0/Fq8nt3glq0vTdX9y-VWli_image.png) *** ### Add Info in Preferred Languages Tailor your store information to customer choices. Use [language settings](https://help.hyperzod.com/language) to add or remove options or choose the default language of your store. This feature allows you to input and present store details in the customer's chosen language. For example, if a customer selects Spanish, all added information will be displayed in Spanish. ::Image[]{src="https://api.archbee.com/api/optimize/A6k4A417O1V2DGm4H5kN0/Y_UtAwA7Nse6bYVW_YaBo_image.png" size="78" width="576" height="398" position="center" darkWidth="576" darkHeight="398" showCaption="false"} ### Enter Page Title Input the title of your page into the designated field. This is the main heading that will be displayed on the page. ::Image[]{src="https://api.archbee.com/api/optimize/A6k4A417O1V2DGm4H5kN0/h7CdjdE0hyhfJ9Cxbcqk5_image.png" size="80" width="768" height="487" position="center" darkWidth="768" darkHeight="487" showCaption="false"} ### Enter Page Slug Assign a unique and concise page slug. Example: If your title is "Privacy Policy," your slug should be privacy-policy. :::hint{type="success"} **Note:** Adding a page slug to URLs improves SEO by providing search engines with keyword-rich and user-friendly identifiers, enhancing visibility and ranking. ::: ::Image[]{src="https://api.archbee.com/api/optimize/A6k4A417O1V2DGm4H5kN0/oc4qQg2oTkIyE17eIZ_8j_image.png" size="80" width="815" height="553" position="center" darkWidth="815" darkHeight="553" showCaption="false"} ### Customize Custom Page Content - **Enter Text Content:** Add the text content for your page in the provided space. This can include general information, descriptions, or any relevant details you want to display. ![](https://api.archbee.com/api/optimize/A6k4A417O1V2DGm4H5kN0/N-9GaViauJx_zfXmy-Rf5_image.png) - If you need to include **HTML content**, switch to the **"Source"** tab in the editor. Here, you can directly input **HTML code** for advanced formatting and customization. :::hint{type="success"} The **code block supports styling through an Inline CSS approach**, allowing you to apply styles directly within the HTML code for better control over the appearance of your content. ::: ::Image[]{src="https://api.archbee.com/api/optimize/A6k4A417O1V2DGm4H5kN0/pUSceMEUXntHrrNIaSi7k_image.png" size="90" width="1164" height="598" position="center" darkWidth="1164" darkHeight="598" showCaption="false"} - Lastly, click **"Save,"** and the page will be created. ::Image[]{src="https://api.archbee.com/api/optimize/A6k4A417O1V2DGm4H5kN0/ufKUu1RjcarxBt4faCh7Q_image.png" size="80" width="667" height="379" position="center" darkWidth="667" darkHeight="379" showCaption="false"} - You can now publish or unpublish the page at any time from the list. :::hint{type="warning"} If your custom page displays a **“Page Not Found”** error, it is most likely because the page has not been published yet. After creating a page, make sure the **“Published” toggle** is enabled. ::: ::Image[]{src="https://api.archbee.com/api/optimize/A6k4A417O1V2DGm4H5kN0/aGe9bW0maMPuSL_p88uGW_guide-to-adding-a-contact-us-page-and-welcome-message-step-25.png" size="80" width="860" height="481" position="center" darkWidth="860" darkHeight="481" showCaption="false"} ### Add to Ordering Website/ Apps - Copy the link of the created page from the list to add it under your ordering channels. ::Image[]{src="https://api.archbee.com/api/optimize/A6k4A417O1V2DGm4H5kN0/6jFXULZN4d-jXcvZVxAby_image.png" size="90" width="823" height="475" position="center" darkWidth="823" darkHeight="475" showCaption="false"} - You can add these pages to your storefront by navigating to **Admin Panel > Settings > Theme > Header & Footer **and using the [Theme Header and Footer Settings](https://help.hyperzod.com/branding-setup#header-menu) to add and display them as needed. *** ## Frequently Asked Questions (FAQs) :::ExpandableHeading **How can I add a new page to my website?** To create a new page (such as **Contact Us** or **About Us**): - Log in to the **Admin Panel**. - Navigate to **Settings > Custom Pages**. - Click **Create New**. - Enter the page title, slug (URL), and content. - Save and publish the page. Once created, you can add the link to this page to your website’s **Header or Footer menu** for visibility. ::: *** :::ExpandableHeading **Where can I display the pages I’ve created on my website?** To display your custom pages on the website: - Log in to the **Admin Panel**. - Navigate to **Settings > Theme**. - Open the **Header and Footer** section. - Add the page name and paste the corresponding page link (URL). - Save your changes. Once added, the page will appear in the selected section of your website/apps. ::: *** :::ExpandableHeading **How can I display a page in multiple languages?** To display a custom page in multiple languages: - Go to **Admin Panel > Settings > Custom Pages**. - Use the **Language dropdown** to select the desired language. - Create the same page in each language, keeping the **same slug** for all versions (e.g., contact-us). - Save and publish each language version. When adding the page to the **Header and Footer**, define the link using the following format: "/page/page-slug." Make sure the pages are created in those languages as well. **Example:** /page/contact-us By using this format and keeping the slug consistent across languages, the system will automatically display the page in the language selected by the user in their profile settings. ::: *** :::ExpandableHeading **Can I use HTML for advanced formatting on the page I have created?** Yes, the **Custom Pages** feature allows you to add custom HTML for advanced formatting and design flexibility. To do this: - Navigate to **Admin Panel > Settings > Custom Pages**. - Create a new page or edit an existing one. - In the content editor, switch to the **“Source”** tab. - Enter your HTML code directly. - Save the page. This enables you to apply advanced layouts and customize the page structure using HTML. :::