This is the sub title of the article and is shown separated from the rest of the text, as an headline.
This is the text of the article, you can add normal content to an article by typing in the Text field. This tutorial will guide you thru the most common tags that can be used.
Text can be made bold by using the <b> tag.
For example:
Text can be <b>made bold</b>.
It's very important that the ending tag is specified </b> !
Titles can be defined using the header tag like this:
<h1>This is the header #1</h1>
<h2>This is the header #2</h2>
<h3>This is the header #3</h3>
<h4>This is the header #4</h4>
<h5>This is the header #5</h5>
<h6>This is the header #6</h6>
An article can also have a list of entries, this is defined using <ul> tag, inside of which you define one or more list items <li>
A list is useful for bullet points
first bullet point
second bullet point
etcetera
For example:
<ul>
<li>this is the first list item.
you can type multiple lines here</li>
<li>this is he second <b>list item</b></li>
</ul>
An article can support dynamic content; special tags that are then transformed on the webshop.
Attention: The <link> tag is special and does not have to be terminated with </link>
Here are some example links:
Products
This is a link to a single product configured in standard mode, it shows just the product box.
But you can configure it in text mode to have a textual link
.010 Electric Guitar String Sets
.
A product can also be displayed or as image
in the middle of the text.
When configuring a link in Invoca, you can also configure it for multiple products and the can show as a carousel:
Products can also be shown as list:
Share product list
Or even use a display in grid style:
Separator lines
Put a separator line using <hr/>:
Images
It's also possible to add images directly into the article and configure them to be linked to any target at link can point to (excluding images).
Media
It's possible to add media links; this include video and audio.We support YouTube, Vimeo, SoundCloud or mp3 files.
Vídeos
When creating a video link, it's also possible to set a box title.
And the same for a SoundCloud link:
and another:
Links
Product links
Product links can be displayed in STANDARD, TEXT, IMAGE modes.
STANDARD
A standard link uses the product box:
TEXT
A TEXT link allows to configure the text in the link, instead of the product name.
This a TEXT link to a product:
.010 Electric Guitar String Sets
This a
CUSTOM TEXT product link
, and being TEXT it displays inlined..
IMAGE
An IMAGE link will display as the product image instead of its text.
This is a link to a product
via its image.
GRID
With GRID dipslay mode a grid listing is displayed:
LIST
With LIST display mode a vertical listing is displayed:
Share product list
CAROUSEL
With CAROUSEL a list of products is displayed in a compact carousel, with horizontal scrolling:
Category links
Category links can be displayed in DEFAULT, IMAGE and in TEXT mode (with a custom text).
DEFAULT
The DEFAULT mode link to a category displayed like this