Skip to main content

Develop Pages

How to access on Fynd Platform

Introduction

This section is for developing and managing custom webpages. User can include these pages in any navigational nodes like home, brands, collections or categories. Additionally, user can create pages using an inbuilt editor, Markdown or HTML. Moreover, you can also create mini apps for integrating within your application.

Main Screen

QG1

Figure 1: Pages - Main Screen

QG1

Figure 2: Pages - Main Screen Intro

In this document, you will learn more about:


Creating A Page

Video: How To Create A Page

There are multiple editors available for creating pages which gives you the flexibility to create basic as well as advanced pages. Let's take a look at each of these individual editors.

BEE Free

info

This is recommended for basic users.

  • Now build more with less! Intuitively build pages using drag-and-drop elements like text, audio/video, buttons, HTML block and more.
  • Get multiple types of rows for any content and basic styling such as colour, dimensions, and padding for all the elements.
How to create a page in Beefree

GrapesJS

info

This is recommended for advanced users.

  • Use readily available drag-and-drop blocks to build any page with multiple styles (CSS). Easily manage layers and media files (assets).
  • Get all the content tools, forms and its components, along with extras like custom code, tooltips and many more.
How to create a page in GrapesJS

Markdown Editor

  • Create a page rapidly using Markdown, a formatting language that's easy to write and is functionally similar to HTML.
How to create a page in Markdown

Raw HTML

  • Create a page using HTML, a conventionally used language that supports all the markup tags within angle brackets.
How to create a page in HTML


Adding SEO Information

Fynd Platform allows you to add SEO information to pages created using any of the 4 editors.

  1. Add a title and description that should be visible in the search engine results when people search for your page. Alternatively, you can use AI-powered (Artificial Intelligence) Generate or Generate Using Custom Keyword options to create title and description automatically.
  2. Enter the level and the respective value in the Breadcrumbs section. You can add multiple breadcrumbs.
  3. Select the priority in the Priority field.
  4. Select the priority in the Frequency field.
  5. Add meta tags for the SEO. You can add multiple meta tags and preview them.

QG11

Figure 3: Editing Website SEO

tip

No matter how long the title and description is, search engines will show only upto 50-60 characters of the title, and 155-160 characters of the description in the search results. Therefore, you should consider adding the most relevant keywords in the beginning.


Details Section

In the Details section, enter an appropriate title, description and tags. Proceed to Create.

  • Name - Write the name of the page, for e.g. Contact Page.
  • Slug - Part of the URL that explains the page content. This is automatically generated from the name, but you can choose to edit it.
  • Description - A brief description of the page.
  • Tags - Tags are keywords that help in quickly searching a page.
  • Advanced - The total width (in percentage or pixels) that this page should occupy.