Versions Compared

Old Version 127

changes.mady.by.user Andrea Intveen

Saved on

compared with

New Version 128

changes.mady.by.user Andrea Intveen

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Table of Contents

...

Table of Contents
Info

Content Block | A content block is a specific content type in Contentstack. In a content block, you can edit pieces of content and adjust styling settings. Those content blocks you can reference e.g. to a webpage to display the content in there.

Content Module | Within a Content Block, there are many options to create and arrange content, e.g. in a table, a combination of text and images etc. These options are provided in a list of Content Modules, from which you can choose.

Content Type | A content type is a predefined structure for a dataset in Contentstack. In the Contentstack interface, each content type has a related form to create datasets (entries) following the predefined structure. E.g. a Content Block is a specific Content Type.

Entry | An entry in Contentstack is a dataset following a specific structure, which is defined in the respective content type.

A comprehensive list of terms you find in the https://freshcells.atlassian.net/wiki/spaces/MFADEXT/pages/2486337624

...

Note

Safeguard proper SEO

If you create a web page which should be linked in the main navigation and become part of a section, e.g. “Support”, please take care to reflect the navigation structure in the URL field, e.g. “/support/training”.

If you create a page tree from the main navigation, you need to set all super-ordinated (parent) pages by hand in the URL field. E.g. for a page with training locations it would be “/support/training/locations”.

(warning) In both cases, you have to adapt the URL manually because Contentstack will not automatically include any leading page structure into the URL.

→ Learn more about proper SEO settings in the manual

...

Info

Landing pages

Creating a landing page works in exactly the same way like pages of the page tree. However, the URL allows to optimize the URL for marketing purposes.

⚠️ PLease always use “/lp/” to indicate a landing page!

  • Try to keep it short → the complete URL (e.g. “de.mitsubishielectric.com/fa/lp/text-abc) should have maximum 50 characters to ensure proper display in the search results in Google

  • Use keywords and avoid special terms as well as abbreviations

(warning) Sharing a landing page URL

  • Always share the complete URL with “https://” at the beginning

  • Take care to add the correct sub-domain of your market, e.g. “de.mitsubishielectric.com/fa/”

  • Do not forget the “fa” folder → only URLs that have “/fa” directly behind the domain, can be resolved by the application

  • Add the URL part that you defined in Contentstack

  • An indication of the language can be omitted. In this case, the application will point to your local default language (e.g. German for “de.mitsubishielectric.com/fa/”)

Example: You create a landingpage “Frühjahrsmesse” in the German website. The automatically created URL will be “/fr-hjahrsmesse”

  1. Create a Web Page “Frühjahrsmesse” in the Germany - German language version

  2. Change the URL to “/lp/fruehjahrsmesse”

  3. Share “de.mitsubishielectric.com/fa/lp/fruehjahrsmesse”

(info) If you maintain also an English version of your local website, do not forget to create also a translated version of your landingpage in English. Otherwise, users will be led to a dead end if they switches the language.

  • In the entry of the Web Page, switch to Germany - English and translate the page

  • Share the page like described in 3.

  • You can also directly share the English version by adding the language to the URL “de.mitsubishielectric.com/fa/de_en/lp/fruehjahrsmesse”)

3: Page Type

Whatever type of page you want to create, you always start with the Web Page. Most of the pages consist of static content which you create and manage. These kind of pages are “static” (set as default).

If you want to create a page with a calendar, e.g. for trainings, or with a list of news, i.e. press releases, please set the respective page type.

...

4: Content Blocks

You need at least one content block in a static page. In this content block you manage the main content area (the green part of chart 1).

(info) How to use the content blocks we describe in part II. of this manual.

Note

Please keep in mind that a content block is an independent dataset which can be used in multiple pages! This means that if you change a content block, you might also impact the content of another page. So, please be careful!

In Contentstack, when you open the detail view of an entry where you can edit the content, you find on the right side “Entry Information”. Here you can find in “Referenced in” if your changes will also apply to other pages.

...

5: Show SEO Settings (optional)

In the SEO settings you can set the META title and META description.

If you do not, the META title will be taken from the H1 Headline, and no description will be set explicitly. This is okay, because nowadays, search engines are able to extract META descriptions from the page crawling results. However, you can use this field to create a summary of the page content with about 150 characters which includes important keywords.

(info) If you set these information, you should respect limitations in the search engine’s result display: for the title, you should use approx. 50 -56 characters, for the the description approx. 150 characters.

You can find a lot of tools across the internet which supports in creating good META information, e.g. https://app.sistrix.com/en/serp-snippet-generator

6: Navigation Settings (optional)

The navigation below the main teaser is set by default for all pages.

For landing pages where this navigation is not required or appropriate, please uncheck the “Show Navigation” box.

Additionally, you can define if the web page you’re creating has sub-ordinated pages in the page tree. If this is intended, please set “This page has sub-ordinated pages“ to true and select the web pages which should be sub-ordinated.

💡 Take care to not endlessly use this feature. A page tree with too many levels appears messy and not user friendly! In general, three levels counted from the main navigation item should be enough.

6.1: Mega dropdown menu

The mega dropdown menu will be created automatically when you create web pages and sub pages. The first level ( a) ) is always indicated as a button.

...

Panel
panelIconIdatlassian-light_bulb_on
panelIcon:light_bulb_on:
panelIconText:light_bulb_on:
bgColor#FFFAE6

Apart from the first level button, the mega dropdown design will offer the option for only one more direct click to a page, i.e. either b) the overview page or c) the sub pages directly.

If you choose b), you need to ensure that you add links or teasers onto the overview page to make the sub pages acessible. This would be the recommended approach.

7: Right Navigation Settings (optional) [DEPRECATED]

On the right side of the web page below the “Contact” block and the centrally defined navigation block (“Service”), you can add an additional navigation block, e.g. for local support options, as well as page ads.

7.1: Right Navigation Link Lists

Service / support blocks are intended to be used for providing specific fast lane links to related pages across the website.

To create a Service / Support Block, create an Entry of the Content Type “Right Navigation Link List” and reference it in the Web Page options for the right navigation.

  1. Image Removed

    Go to Right Navigation Link Lists in Contentstack and create a new Entry

  2. Provide a Title which will be used as headline in the website

  3. Either click “+ Page” to add an internal link to a page in the website or click “+ External” to add an external link (e.g. to the e-shop)
    💡Although you can add an external link here, you should do this in exceptional cases only, but keep the visitor in our website.

  4. Save and publish the Entry

Info

To save time and to keep consistency across the website, you should create your Link Lists for specific sections, e.g. for the Support pages and include the link list into each page of this section.

7.2: Page Ads [will NOT be available after the Design relaunch]

Note

With the Design Relaunch this feature will no longer be available. If you maintain it in Contentstack, it will not be displayed in the new design in any way. This is based on the FA global website guidelines.

  1. Go to Page Ad in Contentstack and create a new Entry

  2. Provide a Title which will be used as headline in the Page Ad

  3. Select an image which will be used in the Page Ad (please refer to Image and Video Uploads to learn how to do so)

  4. Provide a teaser Text

  5. Add either an internal link or an external link which will be displayed at the bottom of the page Ad

  6. Repeat steps 1. - 5. for each Page Ad you want to create

  7. Go to Page Ad Group in Contentstack and create a new Entry

  8. Add the Page Ads you created to the Page Ad Group

“Page” will define an internal link which is the preferred target to keep users in our website.The URL field is intended for linking to external pages. Note: Due to Contentstack logic, It will overwrite internal page links!
Note
Info
If you want to have the same Page Ads on multiple pages, you can create one Page Ad Group and reference it in all Web Pages you want

  • /lp/fruehjahrsmesse”)

3: Page Type

Whatever type of page you want to create, you always start with the Web Page. Most of the pages consist of static content which you create and manage. These kind of pages are “static” (set as default).

If you want to create a page with a calendar, e.g. for trainings, or with a list of news, i.e. press releases, please set the respective page type.

(info)The usage of the page types “calendar” and “news” we describe in another section of this manual.

4: Content Blocks

You need at least one content block in a static page. In this content block you manage the main content area (the green part of chart 1).

(info) How to use the content blocks we describe in part II. of this manual.

Note

Please keep in mind that a content block is an independent dataset which can be used in multiple pages! This means that if you change a content block, you might also impact the content of another page. So, please be careful!

In Contentstack, when you open the detail view of an entry where you can edit the content, you find on the right side “Entry Information”. Here you can find in “Referenced in” if your changes will also apply to other pages.

...

5: Show SEO Settings (optional)

In the SEO settings you can set the META title and META description.

If you do not, the META title will be taken from the H1 Headline, and no description will be set explicitly. This is okay, because nowadays, search engines are able to extract META descriptions from the page crawling results. However, you can use this field to create a summary of the page content with about 150 characters which includes important keywords.

(info) If you set these information, you should respect limitations in the search engine’s result display: for the title, you should use approx. 50 -56 characters, for the the description approx. 150 characters.

You can find a lot of tools across the internet which supports in creating good META information, e.g. https://app.sistrix.com/en/serp-snippet-generator

6: Navigation Settings (optional)

The navigation below the main teaser is set by default for all pages.

For landing pages where this navigation is not required or appropriate, please uncheck the “Show Navigation” box.

Additionally, you can define if the web page you’re creating has sub-ordinated pages in the page tree. If this is intended, please set “This page has sub-ordinated pages“ to true and select the web pages which should be sub-ordinated.

💡 Take care to not endlessly use this feature. A page tree with too many levels appears messy and not user friendly! In general, three levels counted from the main navigation item should be enough.

6.1: Mega dropdown menu

The mega dropdown menu will be created automatically when you create web pages and sub pages. The first level ( a) ) is always indicated as a button.

...

Panel
panelIconIdatlassian-light_bulb_on
panelIcon:light_bulb_on:
panelIconText:light_bulb_on:
bgColor#FFFAE6

Apart from the first level button, the mega dropdown design will offer the option for only one more direct click to a page, i.e. either b) the overview page or c) the sub pages directly.

If you choose b), you need to ensure that you add links or teasers onto the overview page to make the sub pages acessible. This would be the recommended approach.

7: Right Navigation Settings [DEPRECATED]

With the new design this section became obsolete.

7.1: Right Navigation Link Lists

(lightbulb) If or how this section will be offered in future is currently under consideration.

Service / support blocks are intended to be used for providing specific fast lane links to related pages across the website.

To create a Service / Support Block, create an Entry of the Content Type “Right Navigation Link List” and reference it in the Web Page options for the right navigation.

  1. Go to Right Navigation Link Lists in Contentstack and create a new Entry

  2. Provide a Title which will be used as headline in the website

  3. Either click “+ Page” to add an internal link to a page in the website or click “+ External” to add an external link (e.g. to the e-shop)
    💡Although you can add an external link here, you should do this in exceptional cases only, but keep the visitor in our website.

  4. Save and publish the Entry

Info

To save time and to keep consistency across the website, you should create your Link Lists for specific sections, e.g. for the Support pages and include the link list into each page of this section.

2. Work with Content Blocks

...

Info

An anchor allows to point to a specific point within the website content. To do so, the anchor name must be added to the URL with a “#” before the anchor name. Anchors are mostly used in emails to point to one specific paragraph in a web page. This is especially useful if the paragraph is at the bottom of the page to avoid forcing users to scroll and search.

Example:

In an email you want to point to a paragraph in a long webpage, e.g. https://eu3a.mitsubishielectric.com/fa/en/solutions/capabilities/scs. In this page, you want to point to “Advanced Safety System” which is in the lower part of the page.

  1. In Contentstack, you define the anchor name. E.g. “advanced_safety” → Do not include spaces, a hash at the beginning or any special characters!

  2. In the email, you add the URL with the anchor name as suffix, starting with a leading hash: https://eu3a.mitsubishielectric.com/fa/en/solutions/capabilities/scs#advanced_safety

2.1.2. Text/Image/Links [will be slightly changed with the design relaunch: Option to add“Image” headline]

Use this module to either add a body text, an image, a list of links or a combination of the three. It is recommended to always have a short text.

...

Info

You could do this directly here, but we strongly recommend to first create a form and completely define the details. Once this is completed, the defined form can be easily included into a content block or an appointment detail, by clicking “Choose an existing entry”.

Example: If you want to have a short contact form to allow website users to easily contact you and you want the form to look always the same, you can create the form once and use it in as many places as needed.

(lightbulb) To create a new contact form, please see Form builder (Contact forms).

2.2.2. Newsletter Widget

Note

Please observe the changes related the new “Manage Newsletter Subscription page” settings.

For the details please see the new update User manual “Newsletter Widget and Manage Subscriptions page”.

You can embed a button to open a newsletter subscription form somewhere in the content block and edit the label of the button.

This would be independent from the General Newsletter Subscription button available in all web pages by default (from “Newsletter” in Inquiries in the right navigation).

For individual newsletter registrations, e.g. from a landing page, you have to select to which newsletter subscription widget you want to relate to in a content block.

Info

In the settings of the subscription widget, you will define the specific newsletter which the user would subscribe to.

This contact list needs be created in MailJet beforehand plus the Newsletter needs to be created in Contentstack (by Support) and localized by you

For details please see Newsletter Widget and Manage Subscriptions page.


To add a Newsletter Widget into a Content Block, please follow these Steps Reference a Newsletter Subscription Widget into your contentblock.

...