Create a Product Page

To add a new Accu-Chek product to the
Products and Support sections of the
Web site, select Add a Product from the
Manage Content dropdown. A new product
template will be opened, with a series of
tabs that will walk you through the process.
Follow the steps below to enter all of the
necessary information and assets.

1. Title: Enter the product name and
description without “Accu-Chek.” For
example, “Aviva meter” or “FastClix
lancing device.”

2. Brand Name: Enter “Accu-Chek” (or in
rare cases, another partner brand).

3. Product Category: Select the default
category dropdown menu. This will
be displayed in the URL and product
breadcrumb.

! To add or edit product categories, select
Manage Categories under Product on the
Manage Content tab.

4. Short Description: This appears on the
product category page tile. Use bulleted
copy, with a maximum of 6 lines, with no
more than 30 characters per line. Longer
text may be cut off on smaller screens, and
is likely to be overwhelming when viewed
on a mobile device.

5. Item Description: This text will appear
at the top of the product overlay. Limit to
approximately 50 words, including the full
product name. Longer text may be cut off on smaller screens, and is likely to be
overwhelming when viewed on a mobile
device.

6. Product Bar Color: This appears across
the top of a product tile on the category
page. Whenever possible, the product
brand color should be used.

• Enter a hex color code in the text field and click Choose. It is preferable to enter the hex values in the field provided, to make sure the colors appear correctly on all monitors and devices.

• If necessary, you can select a color by sliding the bar in the right column
and tapping in the square to choose
a specific shade. When you’re happy
with the color, click Choose.

7. Product Image: Select an image for the
product tile and overlay page. Visit Add an
Image for detailed instructions on choosing
an image and entering the information
required.

! Use an image with a resolution of at least
300x400 and aspect ratio of 3:4. If you use
an image with another aspect ratio, it may be stretched or skewed when it appears on screen.

8. Product Demo: If you have a demonstration video, you can add it here and a Demo link will automatically be placed at the top of the page. If you have no video, select None. To include a video, select one of the following.

• How to Use: The link at the top will
be anchored to the video module on
the product landing page.

• URL: The link at the top will direct to a
URL specified in the Demo URL field
that appears.

9. Buy URL: This module is currently inactive.

10. Product Manual: If you have an owner’s
booklet, you can add it here and a link will
automatically be placed at the top of the
page. If you have no manual, select None.
To include a manual, select Detail Page
or Support Section, and the link will direct
users to that page to download a manual.

11. Related Products: Enter additional
products, such as lancing devices, data
management solutions, infusion sets or accessories.

• Begin typing the name of a product
in the text field. As you type, a list of possible matches will appear. If you don’t see what you’re looking for, continue typing and the list will refresh.

• Select the desired product.

• To include multiple related products,
click Add Another Item and repeat the
steps above.

12. You May Also Like: This can be used for
articles that help users learn how to make
the most of the product.

• Begin typing the name of an article
in the text field. As you type, a list of possible matches will appear. If you don’t see what you’re looking for, continue typing and the list will refresh.

• Select the desired article.

• To include multiple related articles,
click Add Another Item and repeat the
steps above.

13. Status: Choose Active to display the
product landing and detail overlay pages.
Disabled hides the product landing and
detail overlay pages, but does not remove
product support information.

1. Main Title: Enter the full product name,
without the descriptor, such as “Accu-Chek
Aviva” or “Accu-Chek FastClix.”

2. Product Hero Description: This text
appears in the horizontal bar at the
top of the product landing page, and
should include the full name, the product
positioning line, and a subhead or call to action of no more than 60 characters.
Longer text may be cut off on smaller
screens, and is likely to be overwhelming
when viewed on a mobile device.

3. Hero Product Image: Select a product
packaging image to appear on the product
landing page. Visit Add an Image for
detailed instructions on choosing an image
and entering the information required.

! Use an image with an aspect ratio of 3:4. If you use an image with another aspect ratio, it may be stretched or skewed when it appears on screen.

4. Content Position: Select whether you want text to appear to the left or right of the product image.

5. Hero Area Background Type: Choose a Color or Image.

a. Image: Visit Add an Image for detailed
instructions on choosing an image and
entering the information required.

! Use an image with a resolution of 1366x480.

b. Color: If matching a product brand
color, include the darker shade followed
by the primary brand color, and a gradient
will be generated automatically.

• Background Color Position: The
global standard is a left-to-right
gradient of the brand color. If you
need to change that, do so here.

• Background Color: You can include
up to 4 shades, but using 2 shades
is recommended to create a smooth
gradient of the brand color. It is preferable to enter the hex values in the field provided, to make sure the colors appear correctly on all monitors and devices.

6. Button Background, Text and Border
Colors: The global standard for these items
is white with no background. However,
these can be customized here.

7. Link Is: Identify whether the link
destination will be to an External site
outside of the WCMS, or Internal—within the site.

8. Button Link Title and URL: If you are including a link, add text and the
destination URL here. Note that the button
to open the product detail overlay is in
the next section. Visit External Links for
information about setting rules for external
links, such as adding icons, using warning
dialog boxes, and more.

1. Component Title: Enter the full product
name, without the descriptor, such as
“Accu-Chek Aviva” or “Accu-Chek
FastClix.”

2. Component Icon: To include icons with various components, visit Add an Image for
detailed instructions on choosing an image
and entering the information required.

! Use an image with a minimum resolution of 40x40 and an aspect ratio of 1:1. If you use an image with another aspect ratio, it may be stretched or skewed when it appears on screen.

3. Content Title: This text introduces
the brief product benefits immediately
following the product hero image on the
product landing page. The global standard
is “Benefits and Features.”

4. Short Description: This copy should
include 5 statements of up to 45 characters
each. The first word or two should be
bold, to help the benefit stand out. Note
that longer text may be cut off on smaller
screens, and is likely to be overwhelming
when viewed on a mobile device.

5. Description: This bulleted text appears
under Benefits and Features on the
product detail overlay.

6. Background Image: This image appears on the product landing page behind the Short Description noted above. Visit Add an Image for detailed instructions on choosing an image and entering the information required.

! Use an image with a resolution of 1366x480.

7. Gradient Color Setting: Gradient Color
Position: The global standard is a gradient
that goes from darker on the left to lighter
on the right. If you need to change that, do
so here.

8. Content Position: You may place text on
the left or right, depending upon what
works best for your background image.

9. Button Text, Background Color, Text Color and Border Color: The global standard for these items is white with no background. However, these can be
customized here.

10. Component Left Content: This sidebar on the product detail overlay is designed to
be flexible. Add as many high-level details
as users are likely to be interested in, such
as dimensions, test times, compatible
products and so on. Continue to click Add
Another Item until all features are included.

a. Display Heading: This text introduces
the feature, such as “Test Time” or “Size.”

b. Display Value: This text provides
the detail for the heading, such as “5
seconds” or the height, width and depth.

11. Component Heading Right: This text introduces the specifications shown in the gray and white bars at the bottom of the product detail overlay. The global standard is “Additional specifications.”

12. Additional Specs: Enter detailed information a prospective customer might be interested in. Continue to click Add
Another Item until all features are included.

a. Display Heading: This is the
specification description that appears in bold text at left, such as “Sample size.”

b. Display Value: This is the productspecific
information, such as “0.6 microliter.”

13. Other Features Title and Description:
Use this space for footnotes and
references, or any additional information
you need to include at the bottom of the
page. A title is optional.

1. Product Support: Select Yes for any
product that should have support pages,
even if there is no product detail page
associated with it. For current products
with active product detail pages but no
dedicated support information, select No.

2. Title: Include Accu-Chek and the product
name, without the description, such as
“Accu-Chek Aviva.”

3. Support Image: Select a product image to appear on the support page. Visit Add an Image for detailed instructions on choosing
an image and entering the information required.

! Use an image with an aspect ratio of 3:4. If you use an image with another aspect ratio, it may be stretched or skewed when it appears on screen.

4. Support Hero Area Type: You may choose
an image to appear in the top bar on the
support page, or the brand color.

a. Support Hero Area Image: Visit
Add an Image for detailed instructions
on choosing an image and entering the
information required.

! Use an image with a resolution of 1366x480.

b. Support Hero Area Color: Include the darker shade of the brand color, followed by the primary brand color, and a gradient
will be generated automatically. You can
include up to 4 shades, but 2 is sufficient. It is preferable to enter the hex values in the field provided, to make sure the colors appear correctly on all monitors and devices.

5. Health & Safety Information: Include any
alerts or other information as necessary. If
left blank, the heading will not appear.

1. Screen Message Title: You may enter a
heading such as “Accu-Chek Aviva meter
screen messages” or leave blank.

2. Error Screen Hero Area Image: You may include a general image here, or leave blank. Visit Add an Image for detailed instructions on choosing an image and entering the information required.

! Use an image with a resolution of 1366x480.

3. Screen Message: For each screen
message, you may include a Title
(optional), an Image of the screen message
and a Description of what the message
means and what steps to take to correct
the issue. Visit Add an Image for detailed
instructions on choosing an image and
entering the information required.

! Use an image with a resolution of 160x225.

4. Continue clicking Add Another Item until
all screen messages have been entered.

Additional Content

Get step-by-step instructions for the remaining options, including Revision Information, Publishing Options and Menu Settings in the Additional Content Details section.

Meta Tags

Add page and content Meta Tags that
incorporate popular search terms to aid in search performance and user access. See Meta Tags for additional detail.

Save

Save your work by clicking the Save button at the bottom of the navigation pane.