Willer Pro Documentation
A Multi Concept Theme
Hi, and welcome to the Willer User Guide.
Let’s begin!
1 Theme Installation
WordPress upload
Login to your WordPress admin panelNavigate to Appearance > Themes > Add New > Upload ThemeClick on Choose File and select willer.zipClick on Install Now
FTP upload
Extract the willer.zip file you previously located.Using an FTP client, login to the server where your WordPress website is hostedUsing an FTP client, navigate to the /wp-content/themes/ directory under your WordPress website’s root directoryUsing an FTP client, upload the previously extracted willer folder to the themes directory on your remote server
Once the installation is complete, your Wiler theme will be ready for use. Now all you need to do is navigate to Appearance > Themes and activate the Willer theme. After you have done this, you should see Willer Options appear in the left navigation bar of your WordPress admin panel, under the heading Appearance.
When you first install the theme you’ll see a popup on your dashboard from the theme asking you to install a number of plugins.
Update from the Free Version
1st method
Deactivated the Willer free themeDelete the themeProceed with the installation indicated previously
2nd method
Download the “update-theme-and-plugins-from-zip-file” plugin from the official WordPress repository https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/Go to WordPress DashboardSelect PluginInstall nowSelect the zip file you downloadedActive PluginProceed with the installation indicated previously
Importing Demo Content
With the Willer theme, you have the option to either start creating your site from scratch, or choosing to import the demo, to use as a starting point, and then modifying it to suit your needs. In this section we will explain how to do the latter.
Navigate to Tools > Import > WordPress > Install NowRun Importer > Upload File and importChoose the file Theme Files/Demo Content/willer.wordpress.xmlCheck the box : Download and import file attachmentsImport AttachmentsSubmit
NoteIf the import is not successful, you can install the “Theme Demo Importer” plugin, which can be downloaded from the official WordPress website https://wordpress.org/plugins/theme-demo-import/
Once the plugin is installed and activated, the file is imported Theme Files/Demo Content/willer.wordpress.xml
Navigate to Apparence > Import Demo ContentChoose fileImport Demo Content
2 Using Willer
Once you’ve installed Willer, you can start building your site. In this section of the User Guide we will explain how you can upload your logo, create your menu, set up your footer area and customize the general look.
UPLOADER YOUR LOGO
Navigate to Appearance > Customize > Site Identity > Select LogoChoose whether to enable the site namePublished
From here you can customize:
Enable/Disable rotation logoFont size Logo (px)Site icon
MENU CREATION
Willer has two menu areas, one in the general site and one in the Ecommerce,in this way you can create two different menus.
Navigate to Appearance > MenusClick on Create a new menu.Enter a name for your new menu and then click Create Menu.
To expand the menu, proceed as follows:
Screen OptionsCheck the box : CSS ClassesAdd this CSS class : willer-menu-columnsUnder the dropdown menu
Note: if you have very long titles for the menu, you have to enlarge it,adding these classes to Additional CSS ( Navigate to Appearance > Customize > Additional CSS )..willer-menu-columns ul.dropdown-menu li {width:250px;(enter the desired value)}.willer-menu-columns ul.dropdown-menu.show{width:550px;(enter the desired value)}To add a post image in the menu proceed as follows:
Screen OptionsCheck the box : CSS ClassesAdd this CSS class : willer-special-dropdown-imgunder the dropdown menu
FOOTER
To set up your footer:
Navigate to Appearance > Customize > Footer > Settings FooterChoose the number of columns for the footer widgets ( 1/2/3/4 )Title Link FooterLink FooterEnable/Disable Custom Logo in FooterEnable/Disable Copyright in FooterEnable/Disable Social in Footer
The function “Height Footer (px)” serves to increase or decrease the height of the Footer, based on the widgets chosen for the Footer. This topic will be covered in the widget section.
CUSTOMIZE GENERAL LOOK
Now let’s set up the general look and feel of your site.
General Settings
Navigate to Appearance > Customize > General SettingsPreloader : Enable/Disable PreloaderLogin: Enable/Disable Login IconBack To Top: Enable/Disable Back To Top,Enable/Disable Back To Top DevicesSidebar in devices: Enable/Disable sidebar in mobile devicesMenu right: Enable/Disable Menu Right, Select Menu Right page, Enable/Disable Social Icons
Section Home Willer
Note: this section works when a static page has been set in Homepage Settings, this topic will be covered in the Page section.
Navigate to Appearance > Customize > Section Home WillerServices: Select Services page, Select Category Post for ServicesGallery: Select Category Post for Gallery 1/2/3/4/5/6Testimonials: Select Category Post for Testimonials CarouselBrand: Select Category Post for Brand CarouselAbout Me: Select About pagePortfolio: Select Category Post for PortfolioTeam: Select Team page, Select Category Post for TeamBlog: Select Category Post for Blog 1/2, Title Blog Slider, Subtitle Blog Slider, Title Blog Slider, Subtitle Blog Slider,Select category post for Blog sliderParallax: Select name page for ParallaxContact: Select name page for Contact
Colors
Navigate to Appearance > Customize > ColorsSelect a default Skins ( Default, Black, White, Colors)Or customize all colors to your liking
Header
Navigate to Appearance > Customize > Header ImageSelect an image for the headerSelect category post for Header Static, this topic will be covered in the Page section.
General Social
Navigate to Appearance > Customize > SocialSettings SocialEnable the desired Social with related links
Note: Social Generals are different from Social for Teams and V-cards!
404 Page
Navigate to Appearance > Customize > 404 Page > Settings 404 PageSelect the page for 404 PageSelect a color for Text Image 404 Page
Font
Navigate to Appearance > Customize > Font > Font FamilyChoose Font Family for titleChose Font Family for subtitle
3 Pages
HOMEPAGE
Let’s start by creating a page with the name “Home” (you can choose a name as you like).
Navigate to Pages > Add NewAdd title “Home”Page Attribute > Template > Home WillerReload the pageNow the meta boxes will appear to customize this page
Note: You can create pages indefinitely, and give each one a different personalization!General color
These options are used to customize the general colors of the page
Text color image slider parallaxText color image slider zoomBackground color border general imageBackground color filter Gallery imageText color image GalleryText color image Parallax
Sectors
This option is very important, used to establish the order of the sections that will appear on this page.
Select a Section for the Sector 0 : the sector 0, is the sector of the header, you can choose to make it appear or not. If you choose “Header Static” you can use the function in the Customizer to load an image in the Header with the possibility to choose the category of the post to be displayed. To access this customization: navigate to Appearance > Header Image.Select a Section for Sector 1/2/3/4/5/6/7/8/9/10 : you can put the sections to your liking.
Header
This option is used to set the categories to show the post in the “Vertical Slider” and “Zoom Slider” sections.
Choose the categories for Vertical Slider (Multiple selection enabled)Choose the categories for Zoom Slider (Multiple selection enabled)
To publish
Once these personalizations have been completed, you can proceed to publish the page and set it as the site’s home page.
PublishNavigate to Appearance > Customize > Homepage Settings > A static page > Homepage > Select the page you just created.
ABOUT ME PAGE
Let’s create a new page with the name “About Me” (you can choose a name as you like).
Navigate to Pages > Add NewAdd title “About Me”Page Attribute > Template > About MEReload the pageNow the meta boxes will appear to customize this page
Note: You can create pages indefinitely, and give each one a different personalization!
Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Social(Enable social icons on this page, based on the icons enabled in Customize -paragraph 2-)
V-Card
General
Enable V-cardChoose the category for V-card(Multiple selection enabled) : this option is used to select the category of the post that will insert the link inside the V-Card button on this page (in the button the link that will lead to the chosen article and the name of the article will appear)
Brands
General
Enable Brands
Categories
Choose the categories to show the Posts in the Carousel Brands(Multiple selection enabled)
To publish
Once these personalizations have been completed, you can proceed to publish the page.
Publish
ABOUT US PAGE
Let’s create a new page with the name “About US” (you can choose a name as you like).
Navigate to Pages > Add NewAdd title “About US”Page Attribute > Template > About USIn this “About US” template you can load the second image. (Only in this model is enabled!)Reload the pageNow the meta boxes will appear to customize this page
Note: You can create pages indefinitely, and give each one a different personalization!
Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Effect Image(This option is used to enable or disable effect image Header on this page)Text color image (Header page)Background color image TestimonialsEnable Social(Enable social icons on this page, based on the icons enabled in Customize -paragraph 2-)
Statistics
General
Enable Section Statistics
Statistics 1/2/3
Title Statistics 1/2/3Percentage Statistics 1/2/3
Testimonials
General
Enable TestimonialsTitle TestimonialsSubtitle Testimonials
Categories
Choose the categories to show the Posts Testimonials(Multiple selection enabled)
Portfolio
General
Enable Section PortfolioChoose the page for the Portfolio(Select a page for the Portfolio – the title and link will appear on this page)
Column 1/2/3/4
Title Column 1/2/3/4Choose the categories to show the Posts in the Column 1/2/3/4 (Multiple selection enabled)
Team
General
Enable TeamChoose the page for the Team (Select a page for the Team – the title and link will appear on this page)
Post
Choose the categories for Team(Multiple selection enabled)
To publish
Once these personalizations have been completed, you can proceed to publish the page.
Publish
BLOG METRO PAGE
Let’s create a new page with the name “Blog Metro” (you can choose a name as you like).
Navigate to Pages > Add NewAdd title “Blog Metro”Page Attribute > Template > Blog MetroReload the pageNow the meta boxes will appear to customize this page
Note: You can create pages indefinitely, and give each one a different personalization!
Blog Metro
General
Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Text color image (Header page)
Layout
Select Column number for Page Blog Metro ( 3/4 Columns)Select Layout for Page Blog Metro ( Full width / Box)
Post
Select Number Post for Page Blog MetroChoose the categories for Blog Metro(Multiple selection enabled)Enable date and authorEnable categories and comment
To publish
Once these personalizations have been completed, you can proceed to publish the page.
Publish
BLOG NO SIDEBAR PAGE
Let’s create a new page with the name “Blog no Sidebar” (you can choose a name as you like).
Navigate to Pages > Add NewAdd title “Blog no Sidebar”Page Attribute > Template > Blog no SidebarReload the pageNow the meta boxes will appear to customize this page
Note: You can create pages indefinitely, and give each one a different personalization!
Blog no Sidebar
General
Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Text color image (Header page)
Layout
Select Column number for Page Blog no Sidebar ( 3/4 Columns)Select Layout for Page Blog no Sidebar ( Full width / Box)
Post
Select Number Post for Page Blog no SidebarChoose the categories for Blog no Sidebar(Multiple selection enabled)Enable date and authorEnable categories and comment
To publish
Once these personalizations have been completed, you can proceed to publish the page.
Publish
BLOG SIDEBAR LEFT PAGE
Let’s create a new page with the name “Blog Sidebar Left” (you can choose a name as you like).
Navigate to Pages > Add NewAdd title “Blog Sidebar Left”Page Attribute > Template > Blog Sidebar LeftReload the pageNow the meta boxes will appear to customize this page
Note: You can create pages indefinitely, and give each one a different personalization!
Blog Sidebar Left
General
Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Text color image (Header page)
Layout
Select Column number for Page Blog Sidebar Left( 3/4 Columns)Select Layout for Page Blog Sidebar Left ( Full width / Box)
Post
Select Number Post for Page Blog Sidebar LeftChoose the categories for Blog Sidebar Left(Multiple selection enabled)Enable date and authorEnable categories and comment
To publish
Once these personalizations have been completed, you can proceed to publish the page.
Publish
BLOG SIDEBAR RIGHT PAGE
Let’s create a new page with the name “Blog Sidebar Right” (you can choose a name as you like).
Navigate to Pages > Add NewAdd title “Blog Sidebar Right”Page Attribute > Template > Blog Sidebar RightReload the pageNow the meta boxes will appear to customize this page
Note: You can create pages indefinitely, and give each one a different personalization!
Blog Sidebar Right
General
Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Text color image (Header page)
Layout
Select Column number for Page Blog Sidebar Right( 3/4 Columns)Select Layout for Page Blog Sidebar Right ( Full width / Box)
Post
Select Number Post for Page Blog Sidebar RightChoose the categories for Blog Sidebar Right(Multiple selection enabled)Enable date and authorEnable categories and comment
To publish
Once these personalizations have been completed, you can proceed to publish the page.
Publish
BLOG WILLER PAGE
Let’s create a new page with the name “Blog Willert” (you can choose a name as you like).
Navigate to Pages > Add NewAdd title “Blog Willer”Page Attribute > Template > Blog WillerReload the pageNow the meta boxes will appear to customize this page
Note: You can create pages indefinitely, and give each one a different personalization!
Blog Willer
General
Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Text color image (Header page)
Post
Select Number Post for Page Blog WierChoose the categories for Blog Sidebar Right(Multiple selection enabled)Enable date and author
To publish
Once these personalizations have been completed, you can proceed to publish the page.
Publish
CONTACT PAGE
In this template you can decide to insert the image in the header or even a Widget (for example a map!)
Let’s create a new page with the name “Contact” (you can choose a name as you like).
Navigate to Pages > Add NewAdd title “Contact”Page Attribute > Template > ContactReload the pageNow the meta boxes will appear to customize this page
Note: You can create pages indefinitely, and give each one a different personalization!
Page Contact
Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Social(Enable social icons on this page, based on the icons enabled in Customize -paragraph 2-Select Layout for Page Contact ( Full width / Box)
To publish
Once these personalizations have been completed, you can proceed to publish the page.
Publish
FAQ PAGE
Let’s create a new page with the name “Faq” (you can choose a name as you like).
Navigate to Pages > Add NewAdd title “Faq”Page Attribute > Template > FaqReload the pageNow the meta boxes will appear to customize this page
Note: You can create pages indefinitely, and give each one a different personalization!
Page Faq
General
Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Effect Image(Header Page)Text color image (Header page)Select Layout for Page Faq ( Full width / Box)
Faq
Select Number Post for Page FaqChoose the categories for Faq (Multiple selection enabled)
Carousel
General
Enable CarouselTitle CarouselSubtitle Carosel
Carousel 1/2/3
Choose the categories for Carousel 1/2/3 (Multiple selection enabled)
To publish
Once these personalizations have been completed, you can proceed to publish the page.
Publish
PORTFOLIO STANDARD PAGE
Let’s create a new page with the name “Portfolio Standard Page” (you can choose a name as you like).
Navigate to Pages > Add NewAdd title “Portfolio Standard”Page Attribute > Template > Portfolio StandardReload the pageNow the meta boxes will appear to customize this page
Note: You can create pages indefinitely, and give each one a different personalization!
Portfolio Standard
General
Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Select Effect Hover(You can choose from 19 hover effects for Portfolio images)Background color for filter image
Layout
Select Column number for Page Portfolio Standard ( 2/3/4 Columns)Select Layout for Page Portfolio Standard ( Full width / Box)
Post
Select Number Post for Page Portfolio StandardChoose the categories for Portfolio Standard (Multiple selection enabled)
To publish
Once these personalizations have been completed, you can proceed to publish the page.
Publish
PORTFOLIO STANDARD PAGE-PAGE
Let’s create a new page with the name “Portfolio Standard Page-Page” (you can choose a name as you like).
Navigate to Pages > Add NewAdd title “Portfolio Standard Page”Page Attribute > Template > Portfolio Standard PageReload the pageNow the meta boxes will appear to customize this page
Note: You can create pages indefinitely, and give each one a different personalization!
Portfolio Standard Page
General
Choose the page for all Portfolio (Page that contains all the categories in the portfolio)Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Select Effect Hover(You can choose from 19 hover effects for Portfolio images)Background color for filter image
Layout
Select Column number for Page Portfolio Standard ( 2/3/4 Columns)Select Layout for Page Portfolio Standard ( Full width / Box)
Post
Select Number Post for Page Portfolio StandardChoose the categories for Portfolio Standard (Multiple selection enabled)
To publish
Once these personalizations have been completed, you can proceed to publish the page.
Publish
PORTFOLIO WILLER PAGE-PAGE
Let’s create a new page with the name “Portfolio Willer Page-Page” (you can choose a name as you like).
Navigate to Pages > Add NewAdd title “Portfolio Willer Page”Page Attribute > Template > Portfolio Willer PageReload the pageNow the meta boxes will appear to customize this page
Note: You can create pages indefinitely, and give each one a different personalization!
Portfolio Willer Page
General
Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Background color for filter image
Layout
Select Column number for Page Willer Standard ( 2/3/4 Columns)Select Layout for Page Portfolio Willer ( Full width / Box)
Post
Select Number Post for Page Portfolio WillerChoose the categories for Portfolio Willer (Multiple selection enabled)
To publish
Once these personalizations have been completed, you can proceed to publish the page.
Publish
PORTFOLIO WILLER SLIDER PAGE
Let’s create a new page with the name “Portfolio Willer Slider” (you can choose a name as you like).
Navigate to Pages > Add NewAdd title “Portfolio Slider”Page Attribute > Template > Portfolio Willer ParallaxReload the pageNow the meta boxes will appear to customize this page
Note: You can create pages indefinitely, and give each one a different personalization!
Portfolio Willer Slider
Choose the categories for Portfolio Willer (Multiple selection enabled)Text color image
To publish
Once these personalizations have been completed, you can proceed to publish the page.
Publish
PORTFOLIO WILLER PAGE
Let’s create a new page with the name “Portfolio Willer Page” (you can choose a name as you like).
Navigate to Pages > Add NewAdd title “Portfolio Willer”Page Attribute > Template > Portfolio WillerReload the pageNow the meta boxes will appear to customize this page
Note: You can create pages indefinitely, and give each one a different personalization!
Portfolio Willer
General
Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Nav SliderBackground color slider imageText Color slider image
Page 1/2/3/4
Choose the categories for page Portfolio 1/2/3/4 (Multiple selection enabled)Choose the page for the Portfolio 1/2/3/4
To publish
Once these personalizations have been completed, you can proceed to publish the page.
Publish
OUR PROCESS PAGE
Let’s create a new page with the name “Our Process” (you can choose a name as you like).
Navigate to Pages > Add NewAdd title “Our Process”Page Attribute > Template > Our ProcessReload the pageNow the meta boxes will appear to customize this page
Note: You can create pages indefinitely, and give each one a different personalization!
Our Process
General
Enable Breadcrumb (Enable or disable the breadcrumbs on this page)
Step 1/2/3/4/5
Choose the categories for Step 1/2/3/4/5 (Multiple selection enabled)
To publish
Once these personalizations have been completed, you can proceed to publish the page.
Publish
SERVICES PAGE
Let’s create a new page with the name “Services” (you can choose a name as you like).
Navigate to Pages > Add NewAdd title “Services”Page Attribute > Template > SevicesReload the pageNow the meta boxes will appear to customize this page
Note: You can create pages indefinitely, and give each one a different personalization!
Services
General
Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Image Effect (Header)Text color imageBackground color Price(Select background color for text price Product Services)Background color Faq (Select background color for text Faq Services)Color text Faq (Select color for text end icons Faq Services)
Statistics
General
Enable StatisticsSelect Layout for Statistics section( Full width/Box)
Statistcs 1/2/3/4
Title Statistics 1/2/3/4Percentage Statistics 1/2/3/4
Our Services
Title Our ServicesSubtitle Our ServicesChoose the categories for Our ServicesSelect Layout for Statistics section( Full width/Box)
Price
Enable Section Items for SaleTitle Items for saleSubtitle Items for saleSelect Categories for Items for sale 2 ArticleSelect Categories for Items for sale Featured ArticleSelect Categories for Items for sale 1 ArticleSelect Layout for Statistics section( Full width/Box)
FAQ
General
Enable Section FaqChoose the page for the FaqSelect Layout for Statistics section( Full width/Box)
Faq 1/2/3/4/5/6
Choose the categories for Faq 1/2/3/4/5/6
To publish
Once these personalizations have been completed, you can proceed to publish the page.
Publish
TEAM PAGE
Let’s create a new page with the name “Team” (you can choose a name as you like).
Navigate to Pages > Add NewAdd title “Team”Page Attribute > Template > TeamReload the pageNow the meta boxes will appear to customize this page
Note: You can create pages indefinitely, and give each one a different personalization!
Team
General
Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Image Effect (Header)Text color image
Post
Select Number Post for Page TeamChoose the categories for Team
Layout
Select Layout for page Team( Full width/Box)Select Column number for Page Team ( 2/3/4/6)
Brands
Enable BrandsChoose the category for Brands
To publish
Once these personalizations have been completed, you can proceed to publish the page.
Publish
4 Post
POST NO SIDEBAR
Let’s create a new post :
Navigate to Post > Add NewAdd titlePost Attribute > Template > Post No SidebarReload the pageNow the meta boxes will appear to customize this post
Post
General
Enable Breadcrumb (Enable or disable the breadcrumbs on this post)Enable Reading Point (Percentage of article reading progress)Enable date and authorEnable categories and comment
Layout
Select Layout post (Full width/Box)
To publish
Once these personalizations have been completed, you can proceed to publish this post.
Publish
POST SIDEBAR LEFT
Let’s create a new post :
Navigate to Post > Add NewAdd titlePost Attribute > Template > Post Sidebar LeftReload the pageNow the meta boxes will appear to customize this post
Post Sidebar Left
General
Enable Breadcrumb (Enable or disable the breadcrumbs on this post)Enable Reading Point (Percentage of article reading progress)Enable date and authorEnable categories and comment
Layout
Select Layout post (Full width/Box)
To publish
Once these personalizations have been completed, you can proceed to publish this post.
Publish
POST SIDEBAR RIGHT
Let’s create a new post :
Navigate to Post > Add NewAdd titlePost Attribute > Template > Post Sidebar RightReload the pageNow the meta boxes will appear to customize this post
Post Sidebar Right
General
Enable Breadcrumb (Enable or disable the breadcrumbs on this post)Enable Reading Point (Percentage of article reading progress)Enable date and authorEnable categories and comment
Layout
Select Layout post (Full width/Box)
To publish
Once these personalizations have been completed, you can proceed to publish this post.
Publish
POST PORTFOLIO
Let’s create a new post :
Navigate to Post > Add NewAdd titlePost Attribute > Template > Post PortfolioReload the pageNow the meta boxes will appear to customize this post
Post Portfolio
General
Enable Breadcrumb (Enable or disable the breadcrumbs on this post)Enable Image Effect
Layout
Select Layout post (Full width/Box)
To publish
Once these personalizations have been completed, you can proceed to publish this post.
Publish
POST TEAM
Let’s create a new post :
Navigate to Post > Add NewAdd titlePost Attribute > Template > Post TeamReload the pageNow the meta boxes will appear to customize this post
Post Team
General
Enable Breadcrumb (Enable or disable the breadcrumbs on this post)Enable Testimonials (This option is used to enable or disable Testimonials on this post)
Layout
Select Layout post (Full width/Box)
Social
Enable social media in this post with related custom links
To publish
Once these personalizations have been completed, you can proceed to publish this post.
Publish
POST V-CARD
Let’s create a new post :
Navigate to Post > Add NewAdd titlePost Attribute > Template > Post V-cardReload the pageNow the meta boxes will appear to customize this post
Post V-card
General
Enable Breadcrumb (Enable or disable the breadcrumbs on this post)
Social
Enable social media in this post with related custom links
To publish
Once these personalizations have been completed, you can proceed to publish this post.
Publish
5 Widgets
Willer has 10 Widgets areas.
Customize the Widgets:
Navigate to Appearance > Customize > Widgets
Based on the page you are on, the personalize will show the adjacent Widgets areas.
Here are the 10 Areas Widgets.
Sidebar
This area is on the Blog pages and some articles with the sidebar.
WIDGET FORM MENU RIGHT Menu
This area is in the Menu right
FOOTER 1/2/3/4
These four areas are found in the Footer.
In Customize> Footer > Settings Footer, you can enable them one at a time, for example you can enter only 2 Widget areas, or 3, depending on your specific needs.
HEADER CONTACT AND CONTENT CONTACT
These two areas are in the contact page template, they can be used to insert maps and contact forms.
WIDGET FORM POST V-CARD
This widget area is located in the post V-card template
SIDEBAR WOOCOMMERCE
This area can be found in the Ecommerce section, obviously it can only be used if the Woocommerce plugin has been activated (We’ll talk about it in the next paragraph)
6 Ecommerce
Willer comes with WooCommerce integration, which allows you to easily create an online shop. For more information on installing and configuring WooCommerce, please visit this page: https://docs.woocommerce.com/documentation/plugins/woocommerce/getting-started/.
To start you need to create a new page of the Shop, with a title at will, for example “Shop”.
Once the page is published, let’s go to:
WooCommerce > Settings > Product
In Shop Page we select the page just created and save.
To create a new product, let’s go to:
Products > Add New.
Now we create the cart page:
We create a new page with the name “Cart” and insert this Shortcode:
Now we create the Checkout page:
We create a new page with the name “Checkout” and insert this Shortcode:
Now we create the My Account page:
We create a new page with the name “My Account” and insert this Shortcode:
Now let’s go to WooCommerce > Settings > Advanced
We select:
Cart page : Cart
Checkout page: Checkout
My account page: My Account
and we save.