Mokka – Coffee Shop & Cafe Elementor Template Kit 1.0

Mokka – Coffee Shop & Cafe Elementor Template Kit is created especially for coffee shop & cafe website, cafe, coffee house, coffee shop, barista, coffee production company, etc. Mokka has a simple, modern and clean design with 100% responsive layout, and very easy to customize and can be used by anyone without having to understand coding.

This template kit includes stunning carefully crafted 12 Pages and 17 Stunning Templates, you can build your professional-looking website just a click away.

Features

• Using Free Elementor (Elementor Pro is not required)
• Unique & Clean Design
• 12 Ready to Use Pages
• 17 Ready to Use Templates
• Fully Responsive Layout
• Fully Customizable
• Cross Browser Compatibility: Chrome, Firefox, Safari, Opera

Templates Include

• Global Theme Style
• Home
• About
• Menu
• Reservation
• Testimonial
• FAQs
• Team
• Pricing
• Blog
• Single Post
• Contact
• 404 Page
• Header
• Footer
• Form Contact
• Form Newsletter
• Form Reservation

Required Plugin

• Elementor
• ElementsKit Lite
• MetForm
• Gum Elementor Addon

How to Use Template Kits

THIS IS NOT a WordPress Theme. Template kits contain the design data for Elementor only and are installed using the Envato Elements plugin for WordPress or directly through Elementor.

1. Download your kit file from Envato and do not unzip it. If you use Safari browser you may need to ensure “Open safe files after downloading” is disabled in the browser preferences.
2. Go to Settings > Permalinks and ensure Post Name is selected
3. Go to Appearance > Themes > Add New and ensure Hello Elementor is installed and activated. This will prompt you to install Elementor if you haven’t already.
4. Go to Plugins and ensure Elementor and Envato Elements are installed and at the latest version. If your kit requires Elementor Pro, it must be installed now and connected to your account.
5. Go to Elements > Installed Kits and click Upload Template Kit Zip (or click your kit to view it)
6. Check for the orange banner at the top and click Install Requirements to load any plugins the kit uses. https://envato.d.pr/ughD8Q
7. Click import on the Global Kit Styles first. This will setup the site settings.
8. Click Import on one template at a time in the order shown. These are stored in Elementor under Templates > Saved Templates and are re-used from here.

Creating pages

1. Go to Pages and create a new page and click Edit with Elementor
2. Click the gear icon at lower-left of the builder to view page settings and choose Elementor Full Width and hide page title
3. Click the gray folder icon to access My Templates tab and then Import the page you’d like to customize.
4. The home page is set under Settings > Reading by selecting Static Front Page.

How to Import Metforms

If you have Elementor Pro, skip install of Metform and form blocks.

1. Import the metform block templates
2. Import the page template where the form appears and right-click to enable the Navigator
3. Locate and select the Metform widget and click Edit Form. Choose New, then Edit Form. The builder will appear
4. Click ‘Add Template’ grey folder icon.
5. Click ‘My Templates’ tab.
6. Choose your imported metform template, then click ‘Insert’ (click No for page settings).
7. Once the template is loaded, make any desired customizations and click ‘Update & Close’ The form will appear in the template
8. Click Update

Setup Global Header and Footer

1. Import the header and footer template
2. Go to ElementsKit > Header Footer select Header and click Add New
3. Give it a title, leave Entire Site selected and toggle Activation to On
4. Click the template title and Edit Content
5. Click the gray folder icon and select the header template to import and Update
6. Repeat for Footer

If you have Elementor Pro, headers and footers are customized under Templates > Theme Builder.