/
Create a product page

Create a product page

Owned by Former user (Deleted)

Step-by-step guide


 1. Create a product page


1

Go to Site Administration and select the Site Pages section

2

In the Site Page section, select the page below which you want to create a page

Example: create a page below the Mobile App page

3

To create the page click on Add Child Page
4

Add a page Name - This name is for referencing only: it will not be visible to the website visitors
5

Select the relevant templates for your page.

For each page type the available templates are defined in the Template section of the documentation

6

Scroll down and click on Add Page
7

In the Site Page section, select the page created.

If needed you can change the friendly URL of the page.

8

1. Go to the SEO section of the page

2. Add the SEO information about the page:

    • HTML Title: Title displayed as the headline in Search Engines and in Browser Tabs
    • Meta Tags - Description: Description displayed in Search Engines

3. Click Save

9

Access the newly created page by clicking on the See page link


 2. Create the product content and add the title
1

Access the newly created page

2

On the Top Web Content Display Portlet, click Add
3

Select the Web Content Structure named Product Content

(Make sure that Product (Header) Template is selected)

4

  1. Add the content of the product in the form below
  2. Add categories to the product using the Categorization menu
    1. Add Active Ingredients
    2. Add Crops
    3. Add Pests
    4. Add a Priority
    5. Add a Product Type

Refer to Product Content for fields and relevant categories description

(Attention: Do not forget to uncheck Searchable, otherwise the Product will be automatically displayed on the Overview Page)

5

Once all the content has been added click Publish

At this stage only the Title of the Product is displayed

 3. Display the image of the product
1

Click on Select Web Content in the second Web Content Display Portlet
2

Select the Product Content that was created in the previous section

Click Save


Note: The content should be displayed the top of the list otherwise use the search functionality

3

Select Product (Image)

Click save and close the window

At this stage both the Title and the Image of the Product are displayed

 4. Add Key Diseases
1

Click on Add on the next Web Content Structure
2

Select the Web Content Structure named Key Diseases
3

Add the content in the form below (refer to Key Diseases for field description)

4

Once all the content has been added click Publish

 5. Display the body of the product
1

Click on Select Web Content in the underneath the Key Diseases
2

Select the Product Content that was created in the previous section

Click Save


Note: The content should be displayed the top of the list otherwise use the search functionality

3

Select Product (Body)

Click save and close the window

At this stage the Title, the Image and the Body of the Product are displayed

 6. Add Crop Accordion
1

Click on Add on the next Web Content Structure
2

Select the Web Content Structure named Crop Accordion
3

Add the content in the form below (refer to Crop Accordion for field description)

4

Once all the content has been added click Publish

 7. Configure the share functionality
1

Hover the Social Portlet

Click on the tool icon

Click on Configuration

2

Select the options to be displayed for the portlet (refer to Social Portlet for options description)

Click Save and close the window

 8. Add documents to the product
1

Click Add on the Web Content Display Portlet below the Social Portlet

2

Select the Web Content Structure named Links or Downloads
3

Add the content for the link or document in the form below (refer to Links or Downloads for fields description)
4

Once all the content has been added click Publish
 9. Add a text box
1

On the remaining Web Content Display Portlet, click Add

2

Select the Web Content Structure named Text Box

3

Add the content for the image in the form below (refer to Text Box for field description)
4

Once all the content has been added click Publish
 10. Clean up the content

1

Go to Site Administration and select the Web Content section


2

Select the newly created content

3

Click on Action and then Move
4

Click Select to open the folder selection panel

5

Navigate to the top folder where you want to place the content and create a sub-folder
6

Add a name for the sub-folder and click Save
7

Once the sub-folder is created click on Choose to select this folder to put your newly created content in
8

Click on Move to effectively move your content

Templates

The following templates can be used to create product pages

Web Components

The following web content structures can be used to on two-columns article pages


Examples

Product PageProduct Page with Sub-Navigation