Carousel Medium Cards
Carousel is featuring a top headline you can line up (position) the way you want. You can add multiple cards with a holder, an image and a description.
Image should have ratio 4:3 ratio and recommended dimensions 640 X 480 in JPG format
Benefits Component
This component consists of a headline, a secondary text, a description and a link as the main content. In addition to these initial elements, you can add secondary elements that are made up of headline, description and image to accompany it.
Card Grid Smaller Component
This component makes it easy to display a category that will be displayed above the holder. You can select the holder size and select the position of the card image. This content will present an image and description that you can accompany with a final button.
Image should have ratio 1:1 ratio and recommended dimensions 480 X 480 in JPG format
Features Cards Grid
This component allows you to align the content according to your preferences. Its elements include: title, description, image that accompanies the rest of the content and a possible link.
Image should have ratio 4:3 ratio and recommended dimensions 640 X 480 in JPG format
Share Social Media
Share Social Media component allows you to link the main social networks such as Facebook and Instagram.
Carousel Gallery
Carrousel allows you to add a large number of images accompanied by a description on the side and a possible link.
Image should have ratio 1:1 ratio and recommended dimensions 480 X 480 in JPG format
Carousel Small Cards
Carousel Small Cards presents a headline and a main subtitle to which you can add numerous cards. The structures of these cards are assembled by the image accompanied by the holder and the link.
Image should have ratio 4:3 ratio and recommended dimensions 640 X 480 in JPG format
Content Block Tagline
Content Block Button Group
This component presents a title and subtitle accompanied by two links. One that features a white background and a link with a primary color that complements the previous one.
Content Block Title
With Content Block Title you can decide how to align the content: in a row or column. If you choose "column" the content will be presented centered as it appears in the image below.
This component has three elements:
- Top title
- Complementary title
- Final button with selected link
Complex Header
This component is made up of two marked parts.
Part on the left consists of:
- Top text
-
Title
- Description
- List of added buttons
Part on the right presents a design that includes the possibility of adding small tabs that include in turn:
- Image
- Title
- Description
Image inside items repeater should have ratio 1:1 ratio and recommended dimensions 128 X 128 in JPG format
Small Products Grid
This component includes the main headline followed by different tabs that can be added according to your preferences including:
- Main picture
- Title
- Description
- Possible link
Image should have ratio 1:1 ratio and recommended dimensions 240 X 240 in JPG format
Horizontal Timeline
Horizontal Timeline facilitates the explanation of different processes. The component presents the main headline and subsequently allows you to add the number of necessary steps consisting of:
- Number
- Description
Items List
Item List component presents the main heading and description to accompany it. Then you can add the department you want to create and add items to that department.
Content Block
Content Block component allows you to add a title and subtitle that will be presented on the left side of the screen. You can decide if you want the component to present a border or not. Then you can add a link if you think so.
Contact Form Section
Locations
With this component you can add:
- Main title
Cards represent the following content:
- Title
- Description
- Complementary image
Icons should be 32 X 32 in SVG format
Grid Card Vertical
This component allows you to add the cards you need that will be presented in a vertical grid.
These components consists of:
- Image
- Title
- Subtitle
- Description
- Final link
Image should have ratio 4:3 ratio and recommended dimensions 640 X 480 in JPG format
Grid Card Horizontal
Grid Card Horizontal represents a left image accompanied by a series of elements that are presented on the right side.
These elements consist of:
- Title
- Subtitle
- Description
- Link
Image should have ratio 4:3 ratio and recommended dimensions 640 X 480 in JPG format
Hero Component
One of the most commonly used components. It allows you to draw attention cause it’s the first thing user sees upon opening the application. Best practice for using this component is to visually represent your Brand with the image and use the button as a link to the most important action you want your Users to complete. This is especially vital for Mobile App.
Here are the requirements:
- 1200x800px
- Safe area 720x518px
- Aspect ratio 4:3
Home Hero Section Slider
This is a slider with great visual weight. It displays an image on the left side and allows you to add the following content on the right side:
- Category
- Title
- Description
- Link
Image should have ratio 16:9 ratio and recommended dimensions 1920 X 800 in JPG format
Services Grid
Services Grid allows you to add a large number of tiles. These files have a structure that displays:
- Image
- Text
- Title
Icons should be 32 X 32 in SVG format
Coupon Grid Card
This is a grid card with great visual weight. It presents an image on the left side accompanied by the following elements on the right side:
- Category
- Title
- Select the size of the holder you want to add
- Description
- Link
Image should have ratio 1:1 ratio and recommended dimensions 480 X 480 in JPG format
Customers Header
With Customers Header Component you can choose the side on which the text will be displayed. The text consists of:
- Title
- Description
- Link
The added image stays on the opposite side.
Image should have ratio 1:1 ratio and recommended dimensions 480 X 480 in JPG format
All Integrations Slider
With this component the main title is displayed in the center accompanied by different tabs.
Image should have ratio 1:1 ratio and recommended dimensions 240 X 240 in JPG format
Articles Large Small
Articles Large Small component combines the main and secondary article allowing you to add a link and a title that frames everything.
Trending
Trending component allows adding an existing article to the platform.
Integrations Header
This component allows you to add the explanatory text and a link to the remarkable content.
Bordered Text Block
Bordered Text Block component is made up of text that appears centered on the screen and has the following elements:
- Title
- Description
- Selector of the preferred background color
- Text color selector among the options provided by the drop-down
- Link with the option to be internal or external
- Option to add border to the component
Integrations Component
Large Title
Large Title component consists solely of text that has the following elements:
- Category
- Title
- Description
- Small description example
- Select which side to align the component to
- Possible link / button
- Selected link
- Link with the option of being internal or external
- Option for the link to open in a lightbox
Team
Team component facilitates the presentation of team and its members.
The component has the following fields:
- Department name
- Avatar of the team member
- Team member name
- Description
- More information
Image should have ratio 1:1 ratio and recommended dimensions 480 X 480 in JPG format
SAGE HR
SAGE HR component facilitates integration with SAGE HR to show open job positions that candidates are able to apply for through the provided form.
The component presents some essential fields since the main content comes from the SAGE HR and the positions listed there.
These fields correspond to:
- Title
- Subtitle
- Text for the search field
- SAGE HR Token
- SAGE HR url
Articles Horizontal
Articles Horizontal component presents the main headline followed by a set of articles currently available on the platform.
Article Contents Table
Article Contents Table is a table of contents that presents a summary on the left side with the linked headlines. Links redirect user to the content summarized in the headlines.
The elements that are part of each of the items are the following:
- Title
- Content
Card Grid Larger
Card Grid Larger component displays a card giving considerable weight to the added image. The following elements are part of the card:
- Category
- Title
- Select tag header
- Description
- Image
- Link
Image should have ratio 1:1 ratio and recommended dimensions 480 X 480 in JPG format
Carousel Small Items
This carousel presents reduced images and that give a more notable weight to the text added to each card.
These cards have the following fields:
- Image
- Title
- Select button action
- Link
Image should have ratio 1:1 ratio and recommended dimensions 128 X 128 in JPG format
Carousel CTA Large
This component presents cards with great visual weight.
Each of these cards contains the following elements:
- Title
- Description
- Category
- Image
- Link / button
Image should have ratio 1:1 ratio and recommended dimensions 480 X 480 in JPG format
Add Product Carousel Title
Add Product Carousel Title component presents the following content:
- Title
- Read more text
- Data type
- Trends - content that already exists in the blog
Articles, Large Vertical Grid
This component allows you to add different articles.
The elements presented in this component are:
- Data type
- Trends
Grid Cards Heading
Grid Cards Heading component allows user to add several cards presenting a holder and the initial description.
Each of the cards presents the following elements:
- Title
- Description
- Image
- Button action
- Link
Image should have ratio 4:3 ratio and recommended dimensions 640 X 480 in JPG format
Features Section Sides
This component allows you to add the main image that can be positioned and a button at the end of the component.
User is also able to add the number of items that are needed. The initial content is as follows:
- Features side by side component main image
- Position of image in component
- Link / button
- Items
These elements present in turn:
-
- Image
- Title
- Description
Image should have ratio 1:1 ratio and recommended dimensions 480 X 480 in JPG format
Grid Cards
Grid Cards component makes it easy to add cards with the content of different posts on the platform.
Articles Small Image
This component allows user to display certain content that exists or that is outside the platform.
The following elements are included in this component:
- Data type
- Articles
Articles Medium Vertical
Articles Medium Vertical component presents different articles.
The elements included in the component are:
- Heading
- Description
Featured Content Masonry
This component allows you to add cards with the following elements:
- Title
- Description
- Image position
- Image
Image should have ratio 1:1 ratio and recommended dimensions 480 X 480 in JPG format
Home Locations
Icons should be 32 X 32 in SVG format. Image should have ratio 1:1 ratio and recommended dimensions 480 X 480 in PNG format with transparent background
Contact Form
This component allows user to add a contact form with the following fields:
- Contact form title
- Field name
- Type
- Placeholder
- Required checkbox
- Add new fields
- Button text
- Message success
- Message error
Coupons Full
Coupons Full component allows you to connect with the PAR Ordering CMS and automatically load the existing coupons in the system.
The component contains the following elements:
- Title
- Redeem coupon text
- Redeemed coupon text
- Download app text
- Coupon code text
- Coupon lose warning text
Image should have ratio 4:3 ratio and recommended dimensions 640 X 480 in JPG format
Mobile Apps
Image should have ratio 1:1 ratio and recommended dimensions 640 X 640 in JPG format
YouTube
YouTube component embeds the specified YouTube video into your page.
Content Grid Simplified
This component allows you to add several grids in an easy way. The elements to populate each of these grids are the following:
- Title
- Description
- Image
- Link or button
Image should have ratio 1:1 ratio and recommended dimensions 480 X 480 in JPG format
Posts Grid Image Left
Posts Grid Image Left component allows user to add different grids and place the image of each one of them on the left side. All this is accompanied by the main headline.
Image should have ratio 4:3 ratio and prefered dimensions 640 X 480 in JPG format
Small Image Cards
These components are formed for several grids that present a small image in each one of them.
The elements that make up this component are the following:
- Title
- Data type
- Articles
Icons should be 32 X 32 in SVG format
Grid Boxed Items
Image should have ratio 1:1 ratio and prefered dimensions 480 X 480 in JPG format
Imprint
Advantages-list
Tagline with Icon
Custom Script
This allows to add a third party script to the footer of the Marketing Website or any page of your choice. You have to access the CMS and go to Theme Settings and to Theme Customization to find this feature.
Here's how to add the script to Marketing Website:
- Once in that section, you should click on the tab that you will find at the top corresponding to the footer. The first drop-down shown in that section allows you to choose between different templates. The one that will allow you to add a Custom Script that will be reflected on the right side of the footer is called template 5
-
At the bottom of the page, you can add the script that will allow you to display the content on your page
-
All that is left is updating the page by clicking on the button that you will find in the upper right side of this CMS setting
Here's how to add the script on the page of your choice:
You will have to edit the page which you'd like to add the script on.
Once you have decided at where you want it to appear, you will have to click on the option to add a component and search for the Content Script Tag. You can also find it by its number: 105.
Once added and added the script, you will have to refresh the page.
Please note: once you've completed the above steps, you'll have to go to the Export Page section and click on Export. When the content of the Marketing Website gets updated, you'll see it reflected in the browser.
Top Banner
This option makes it easy to display a banner at the top of the Marketing Website and link to the content of your choice.
It presents different properties that allow customization of various aspects of the banner. Some of them correspond to background, text, button color and so on.
Here's how to do it:
- Enter the Theme Settings, then Theme Customization, and then Top Bar section. You will see this:
The options that you will see in the section and that will allow you to customize it to your liking are the following.
- Activate top bar: You will have to have this option selected if you want the bar to be displayed every time a User enters the page. The banner has a button on the right side so that the User can close it if they want to. If the User refreshes the page, the bar will show again unless this option in the CMS has been disabled
- Banner text: text displayed on the banner
- Use background banner?: This option will allow you to select a background image. You will have to add an image for both the computer version and the one that will be displayed when accessed from a mobile device.
- Banner font color: the color you want the banner text to be displayed in
- Banner font size: the size of the text to be displayed. The recommended size is 12px
- Banner font weight: the weight that the text will have. You can select between three indicated weights that will make the text appear bolder or thinner
- Button text: the text displayed on the button
- Button link: the link you want the button to go to
- Button background color: the background color you want the button to have
- Button font color: the color that the button text will have
- Button background color hover: the color you want the button to change to when the User hovers over it
- Button font size: the size of the text displayed on the button
- Button font weight: the weight that the text will have. You can select between the three indicated weights that will make the text appear bolder or thinner
As you can see, it's highly customizable. Here's how your banner could look like:
Comments
0 comments
Please sign in to leave a comment.