Crafted with passion for coffee lovers and cafe owners, Caffento is your ultimate solution to build a warm, inviting, and professional online presence. Powered by Elementor and WordPress, this template kit empowers you to effortlessly create a stylish website that reflects the ambience of your coffee shop or cafe. Whether you’re showcasing your menu, promoting special offers, or inviting customers to book a table, Caffento is designed to captivate your audience with its seamless user experience.
With a collection of modern features tailored to the needs of cafes and restaurants, Caffento ensures your website stands out from the crowd. Enjoy clean typography with optimal readability, layouts optimized for lead generation, and a design system that guarantees consistency across all pages. Breakpoints are carefully optimized for superior user experience on any device, while extensive browser testing ensures smooth performance everywhere. Plus, practical features like One-click To Top Navigation make browsing effortless.
Unlock the potential of your cafe business with Caffento’s extensive collection of 22+ meticulously crafted templates. Each template is designed to exude warmth, professionalism, and style—perfectly complementing the unique character of your coffee shop or cafe. From landing pages to menu showcases, Caffento offers a comprehensive suite of templates to streamline your website development process and help you achieve your business goals efficiently.
Take your cafe’s online presence to the next level with Caffento – where design meets functionality, and hospitality meets style.
Suitable For:
- Coffee Shop
- Bakery & Pastry Shop
- Restaurant & Bistro
Features:
- Unique & Clean Design
- Modern design based on design system
- 22+ ready to use templates
- Unlimited colors
- More than 900 ready fonts
- Fully Responsive Layout
- Fully Customizable
- Click to Go To Top
- Cross Browser Compatibility: Chrome, Firefox, Safari, Opera
Templates Include:
- Global Theme Style
- Design Guideline
- Homepage
- About Us
- Coming Soon Form
- Loyalty Member
- Team
- Reservation Form
- Merchandise
- Reservations
- Locations
- Events
- Menu
- Career
- FAQ Form
- FAQ
- Our Blog
- Contact Us Form
- Contact Us
- Coming Soon
- 404
- Single Post
- Single Post Form
- Contact Form
- Subscription Form
- Footer
- Header
Required Plugin(included):
- Elementor
- The Plus Add-on
- ElementsKit Lite
- Gum Elementor Kit
- Metform
Template Kits are Different from WordPress Premium Themes.
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.
Here are steps to successfully install a template kit:
- Click the “Download Template” button to download your kit.zip file. Once downloaded, 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, to avoid automatically unzipping the file after download.
- In your WordPress Admin, go to Settings > Permalinks and ensure “Post Name” is selected
- Go to Appearance > Themes > Add New and ensure the Hello Elementor theme is installed and activated. Hello Elementor is one of the best themes for use with Elementor, not because it is pretty, but because it gives 100% compatibility. Installing This will prompt you to install Elementor if you haven’t already.
- Go to Plugins and ensure Elementor and “Template Kits Import” by Envato plugins are installed and at the latest version. If your kit requires Elementor Pro, it must be installed now and connected to your account.
- Go to Elements > Installed Kits and click Upload Template Kit Zip (or click your kit to view it)
- Check for the orange banner at the top and click “Install Requirements” to load any plugins the kit uses.
- Click the “import” button on the Global Kit Styles first. This will setup the site settings with the right fonts and preset .
- 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.
Building Your Header and Footer
If you have Elementor Pro:
Go to Templates → Theme Builder.
Import or open the Header template.
Click Publish → Add Condition → Entire Site (or specific pages).
Do the same for the Footer.
If you’re using Elementor Free:
- Install and activate Elementor Header & Footer Builder plugin.
- Go to Appearance → Header Footer Builder.
- Create a new header, select Elementor Canvas and edit with Elementor.
- Insert the imported Header template from Envato.
Assign it to the entire site.
Repeat for Footer.
Creating pages
- Go to Pages and create a new page and click Edit with Elementor
- Click the gear icon at lower-left (or Top-center) of the builder to view page settings and choose Elementor Full Width and hide page title.
- Click the gray folder icon to access My Templates tab and then Import the page you’d like to customize.
- Once you have built your homepage, you can set it under Settings > Reading by selecting “A Static Page.”
Detailed Guide
