ThemeForest Aurae - WordPress Theme
ThemeForest Aurae is a theme meticulously fashioned for the WordPress environment, poised to serve the precise needs of beauty clinics and dermatology practices. As an Elementor template, it exhibits a seamless integration with the famed page builder, combining flexibility with usability in crafting professional-grade websites. This provides an excellent foundation for online platforms seeking aesthetic appeal and function within the sophisticated sphere of beauty and dermatology.
Template Description
The theme comes endowed with a precision-rendered design, ensuring any visitor to a beauty clinic or dermatology site experiences a sophisticated intersection of functionality and aesthetics. The template takes care to encapsulate the unique visual identity of the industry, combining soft palettes and harmonious layouts to enhance user engagement. Designers benefit from a library of predefined pages, crafted specifically for beauty and dermatological services, allowing professionals to showcase their offerings without a hitch. Each section, from appointments to service listings, mirrors the meticulous care typical of beauty and skincare professionals, thus elevating the sites customer touchpoints.
The full array of capabilities provided by this Elementor framework means that customization knows no bounds. Whether tailoring headers or crafting specialized index pages, the comprehensive widget suite offers extensive control, bolstering nuanced adaptability to diverse corporate identities. Proper highlight is afforded to elements such as service menus, before-and-after galleries, and client testimonials, ensuring potential clients receive a vivid understanding of the clinics expertise and success stories. Its layout maximizes white space, with strategic content blocks guiding viewers intuitively through the narrative of care offered within.
The theme is built upon contemporary web technologies that prioritize performance and an immersive user interface. By leveraging modern CSS3 and HTML5 practices, it promises not only appealing aesthetics but also seamless responsiveness across devices, from desktops to mobiles. This commitment to cross-platform adaptability means clinics can maintain contact with audiences on their preferred devices, widening engagement opportunities and enhancing customer satisfaction. Given WordPress powers the backend, the theme further guarantees ease of content management through straightforward dashboard controls.
A prominent characteristic of the theme is its capability for integration with appointment booking plugins, a significant boon for clinics and dermatological facilities managing individual client care schedules. This allows for real-time booking management directly within the themes interface, minimizing operational disruptions and providing a direct conduit for patient interaction. Additional support for contact forms, testimonials, and staff profiling ensures a comprehensive online presence, reflective of the personalized experiences beauty clinics are dedicated to curating.
The intuitive navigation system deserves particular mention, characterized by straightforward menus and logical link placements fostering ease of movement across site sections. Combined with strategically placed calls to action, the theme promotes proactive visitor engagement, driving higher conversion rates and client acquisition. Such considerations in structural layout directly support business goals-converting casual browsers to committed clientele. Each design choice is made with the understanding of how tactile and experiential the beauty and dermatology industries need to be online.
Visual imagery and typography within the theme echo the elegance typical of these services, with careful attention to scalable font sizes and adaptable grid layouts ensuring text readability and visual appeal. Image galleries can be presented in captivating formats, including filters and lightbox effects that highlight the transformative results practitioners can achieve. Such mindful aesthetic components underscore the themes dedication to not just functional completeness but also the emotional resonance of its presentations.
Theme ThemeForest Aurae offers SEO optimization features, designed to enhance a websites visibility on search engines, a necessity in todays competitive digital landscape. It is robust in its schema markup capabilities, lending organic authority to a clinics web presence by ensuring content relevance. These embedded practices are vital for clinics serious about expanding their reach while maintaining professional integrity online. Ultimately, it provides beauty clinics and dermatology professionals with a turnkey solution that blends innovation, style, and industry-specific functionality, setting a benchmark in specialized web templates.
The theme stands as a comprehensive solution for beauty clinics and dermatology services eager to project a polished, inviting online identity. Its user-friendly architecture and elegance suit the explicit requirements of service providers keen on emphasizing their quality and professional ethos. With ThemeForest Aurae, the seamless synthesis of design excellence and technical prowess awaits businesses ready to elevate their digital footprint within the crowded sphere of beauty and skincare.
Template Features:
- Compliance with W3C XHTML 1.0 Transitional and W3C CSS Valid standards.
- Support for compression of JavaScript and CSS scripts to accelerate website performance.
- Thanks to the use of the latest versions of PHP and MySQL, the template code is up-to-date and secure.
- A large number of positions for placing modules and several color suffixes.
- Several built-in color schemes of the template for customizing your projects design.
- The template supports Google fonts and RTL/LTR languages.
- Multiple types of menus, Mega Menu, Dropline Menu, CSS Menu, with smooth animation effects.
- Integrated support for popular plugins: Elementor, Bootstrap, expanding the functional capabilities of the site.
- Demo data included to ensure the themes layout precisely matches the demo preview.
Specifications:
| Release date: | 28-07-2025 | |
| Last updated: | 24-07-2026 | |
| Type: | Premium | |
| License: | GPL | |
| Subject: | Health & Beauty Medical Elementor Pro | |
| Compatibility: | W6.x | |
| QuickStart: | - | |
| Color schemes: |
||
| Developer: | Elementor Template Kits | |
| Rating: | ||
Share with your friends!
General Features:
Powerful Features
The theme includes a specially designed universal functions and elements for a particular segment, allowing you to easily customize the template.
Responsive Design
The layout of the themes are 100% responsive and works perfectly on all devices, providing maximum flexibility, adapting the website to fit any screen resolution.
HTML5 & CSS3
Modern web technologies offer a rich set of features and benefits. The template is designed using HTML5, CSS3, LESS, JQuery.
Quick Start
Get started in minutes using the install themes with preconfigured plug-ins, styles, and demo content.
Cross-Browser
The ability to display the site with the same degree of readability in all browsers, such as Safari, Firefox, Chrome, Opera, Internet Explorer 10+.
SEO optimization
Template is fully optimized for SEO, which ensures seamless index and the presence of your website in search engines.
How to Set Up ThemeForest Aurae for a Cosmetic Clinic Website
ThemeForest Aurae is best approached not as a standard WordPress theme, but as a set of ready-made Elementor templates for a beauty clinic, dermatology practice, aesthetic medicine site, or skincare studio. In this guide, we'll walk through how to prepare the site, import the kit, restore the header, footer, and forms, adapt the visual style for a real clinic, and confirm that visitors can move smoothly from the hero section to booking a consultation.
The goal after installation is not just to get a page that looks like the demo. You need to replace the demo images, verify media licensing, set up the menu, make the services clear for patients, connect working MetForm forms, and preserve Aurae's signature rhythm: a dark dermatology-style hero section, large refined typography, cream-toned blocks, treatment cards, and a strong emphasis on trust in the specialist.
This guide is intended for a site owner, content editor, or webmaster who already has the template archive and wants to safely turn it into a working website. If you're still deciding whether to use this product, the sections on limitations, comparable options, and troubleshooting will help you decide whether it's worth moving on to installation and testing.
What Aurae Includes and Why It Is Not a Traditional Theme
Aurae belongs to the Elementor Template Kit category. That means the product stores design data for Elementor: pages, blocks, global styles, a header, a footer, and forms, but it does not replace your active WordPress theme. In practice, the site still runs on a base theme, most often Hello Elementor or another compatible theme, while Aurae provides a set of finished layouts that you import into the Elementor library.
This format is convenient if you need to build a clinic website quickly without developing a custom theme from scratch. You import the ready-made pages, create real WordPress pages, insert the templates you need, and then edit the text, images, menus, forms, and global styles. But there is one important catch: a template kit does not necessarily transfer everything automatically the way a full demo import does in a large theme. Some steps usually have to be done manually, especially the header, footer, and MetForm forms.
According to the product listing, Aurae includes Home, About Us, Team, Service, Pricing, Appointment, FAQ, Blog, 404, and Contact Us pages. For a clinic website, that is a solid starting map: the home page establishes initial trust, About Us explains the approach, Team introduces the specialists, Service and Pricing organize the offerings, Appointment and Contact Us lead to inquiries, FAQ addresses common concerns, and Blog supports educational content.
The product also specifies the Manrope font. This is not a minor decorative detail: in the Aurae demo, the large headings and calm medical aesthetic depend on the combination of a clean modern grotesk, generous spacing, cream background areas, and a dark brown palette. If you replace the font with a random system default after import, or fail to import Global Kit Styles, the site may still function technically, but it will lose its character.
The kit also depends on Elementor, ElementsKit, MetForm, Qi Addons for Elementor, Jeg Elementor Kit, and Ultimate Addons for Elementor Lite. For the end user, this means that before judging how the site looks, you need to do more than activate Elementor. You also need to confirm that the kit requirements were imported properly. Otherwise, some widgets may disappear, forms may not be editable, or the header and footer may remain blank.
What the Official Sources Confirm
The ThemeForest listing confirms that Aurae was built for Elementor Free and includes a specific set of pages and blocks. Envato's instructions confirm the standard Elementor Template Kit installation process: do not unzip the working ZIP unless necessary, verify that the product is in fact an Elementor kit, use Template Kit Import or Elementor's built-in import tools, and import the global styles first, followed by individual templates. Elementor's documentation also confirms that a kit import may include templates, content, and site settings, and that you should create a backup before running a large import.
That is why this guide will not tell you to "upload the archive as a theme" or "activate Aurae in Appearance > Themes." That is a common mistake when working with template kits. Aurae should not appear as a new theme in the WordPress theme list. If you see that workflow in a third-party tutorial, it most likely applies to a different kind of product.
Which Projects This Kit Fits Best
Aurae makes the most sense for a small cosmetic clinic, dermatology office, aesthetic treatment studio, skincare consultation site, medical spa, or salon where the goal is to present a trustworthy visual identity and explain the services without turning the site into an overloaded medical portal. The visual reference shows a warm, dark hero section with large text, a portrait photo, a trust indicator, a service or product card, followed by lighter sections about the clinic's approach, a three-step process, and a services table.
If you need a cosmetics store with a cart, customer accounts, and a complex catalog, Aurae can serve only as the visual foundation for a landing page or the corporate section of the site, not as a ready-made WooCommerce solution. If you need a medical portal with physician schedules, insurance forms, protected patient records, or advanced booking workflows, a template kit alone will not be enough. In those cases, Aurae works best as a visual starting point, while the functional processes should be built with separate, proven plugins.
Page Map: Turning the Demo Kit Into a Real Website Structure
Before importing anything, it helps to decide which Aurae pages will become part of the public site structure. Many users install every template at once, then end up with a collection of attractive but disconnected pages and spend a long time cleaning up the menu. A cleaner approach is to map each template to a real clinic task before you start.
The home page should guide the user from trust to action. Aurae already includes the key building blocks for that: a hero section, a short metric or social proof element, an About block, a "How it works" process, a services list, and a call to action. It is better not to turn the home page into a catalog of every procedure. Keep 4 to 6 main service categories there and move the details to the services page or dedicated treatment pages.
About Us is not meant for a long company history. It should explain the consultation approach, safety, and personalized care. In the attached preview, the line "Creating Confidence Through Care" stands out as a useful direction: the clinic is not simply selling a procedure, but showing a sequence of skin analysis, treatment, and outcome review.
Team is worth using if the clinic has specialists it can present publicly: a physician, esthetician, booking administrator, or skincare expert. If the team is small or there are no good photos yet, do not leave placeholders in place. You can temporarily create a section about the clinic's qualifications without fake portraits, but keep the Team template unpublished until it is properly filled in.
Service and Pricing require especially careful adaptation. The demo includes categories such as facial treatments, dermatology care, laser and aesthetic procedures, and personalized skincare plans. On a real website, these need to be replaced with the clinic's actual services, stripped of any unverified medical claims, and kept free of prices that depend on the consultation, treatment area, or a package of procedures.
Appointment and Contact Us are built around MetForm. After import, these pages should not be treated as finished until you have created the forms, connected them to the widgets, tested the emails and success messages, checked the required fields, and added consent for data processing if your jurisdiction requires it. In Aurae, the appointment form is the practical conversion point, which is why it gets its own section below.
Blog can become a strong section if the clinic is prepared to publish regular content about treatment prep, recovery, contraindications, and home care. But leaving an empty blog full of demo cards is worse than removing it from the menu for now. On a medical site, trust matters more than having more navigation items.
Minimum Structure for the Initial Launch
If the site needs to go live quickly, do not start with every page. Start with a stable core:
- A home page with a hero section, benefits, 4 to 6 services, a process overview, and a booking link.
- A services page with clear categories, practical limits, and direct paths to booking.
- An about page for the clinic or specialist that explains experience, approach, and consultation terms.
- An appointment page where MetForm sends inquiries to a working email address and shows a clear post-submit message.
- A contact page with the address, business hours, contact method, and a secondary form.
- An FAQ covering preparation, contraindications, follow-up visits, and consultation pricing.
You can import the remaining templates without placing them in the menu until the content is ready. That is especially important for 404, Blog, and Team: they should look like part of the website, not leftovers from a demo archive.
Which Blocks Should Not Be Copied Without Editing
The Aurae demo includes polished marketing elements such as success percentages, pricing cards, service lines, and treatment photography. These should be treated as design components, not as ready-made facts. If the clinic does not have verified statistics, do not keep the demo percentage. If a procedure image comes from the Envato Elements demo package, it needs to be licensed or replaced with your own. If a price in a card does not match the real pricing structure, replace it with something like "priced after consultation" or remove it until approved.
Pre-publish check: every metric, medical promise, price, and procedure photo should have a real basis. The template gives you the presentation layer, but the site owner is still responsible for the content.
Preparing WordPress Before Importing the Kit
A template kit is sensitive to the state of the site. The more page builders, legacy headers, cached assets, poorly optimized plugins, and hosting limits are already in place, the higher the chance that the import will only complete partially. That is why it is best to prepare a separate copy or a staging site before working with Aurae.
Elementor's official documentation recommends making a backup before importing. That is not just a formality. The import can add pages, global styles, saved templates, media, and settings. If you are applying Aurae on top of a live site that already has a header and published pages, export the current content first or create a backup using your hosting provider's built-in tools.
System Requirements and Memory
Elementor has requirements for WordPress, PHP, the database, and available memory. The Aurae listing states compatibility with Elementor, but it does not give you a full checklist for your own server environment. So the practical minimum before import is to open Elementor > System Info and check memory, upload limits, ZIP support, write permissions, and whether any warnings are shown in red.
If the site is already running Elementor plus several addon plugins, bare-minimum memory may not be enough. Elementor's official materials specifically note that memory should be increased when extra plugins and heavy pages are involved. That matters even more for Aurae because the kit pulls in several extensions: ElementsKit, MetForm, Qi Addons, Jeg Kit, and Ultimate Addons Lite. If the import stops halfway, the editor fails to load, or a server error appears, check the environment first, not the design.
Theme, Permalinks, and a Clean Site State
Template kits are usually used with Hello Elementor or another lightweight theme that works well with Elementor. Envato also recommends checking Settings > Permalinks and choosing a readable structure such as Post Name. That helps avoid strange links after page creation and makes menu testing easier.
If the site is new, do not install several template kits at once or import multiple demo kits just to compare them on the same site. Each kit may bring its own global styles and templates. After a few experiments, it becomes difficult to understand where conflicting colors, duplicate headers, and extra sections came from. For testing Aurae, a separate clean installation or at least a dedicated staging environment is the safer choice.
Plugins That Must Be Active
The Aurae listing includes the plugins that are expected to be installed along with the kit. During import, Template Kit Import usually shows an Install Requirements button. Click it before importing the pages. If a required plugin is not active, the template may import, but some widgets will be blank or replaced with errors.
| Plugin | Why it is needed | What to check after import |
|---|---|---|
| Elementor | The main visual editor for pages and templates. | Whether the editor opens, the panels are visible, and the page can be updated. |
| ElementsKit | Provides the header, footer, and additional Elementor widgets. | Whether the Header Footer module is enabled and the templates are assigned site-wide. |
| MetForm | Handles the appointment and contact forms inside Elementor. | Whether real forms were created and connected to the widgets on the pages. |
| Qi Addons for Elementor | Adds extra widgets and visual elements. | Whether the required widgets are enabled and not broken by optimization settings. |
| Jeg Kit for Elementor | Adds extra Elementor elements, templates, and widgets. | Whether the editor still loads after activation and no panel elements disappear. |
| Ultimate Addons for Elementor Lite | Provides a set of supporting Elementor widgets and section features. | Whether only the needed modules are active so the site is not overloaded. |
Importing Aurae: The Correct Order of Steps
The most common installation failure with an Elementor Template Kit is uploading the wrong archive. If you downloaded the product from ThemeForest, the package may contain an outer bundle with documentation, licensing files, and the actual kit file inside it. Template Kit Import and Elementor expect the template ZIP itself, not the entire outer package. If the import reports an invalid ZIP, first inspect the downloaded files and locate the inner archive intended for the Elementor kit.
The second important point is that Aurae should not be installed through Appearance > Themes > Add New. That screen is for WordPress themes, while Aurae is a design kit for Elementor. The correct path depends on the method you are using: either Tools > Template Kit through Envato Template Kit Import, or a ZIP import through Elementor's tools if the kit is packaged in the newer format.
Step 1. Install a Base Theme and Elementor
On a clean installation, activate Hello Elementor or another lightweight theme, then install Elementor. If Elementor prompts you to connect an account or shows onboarding tips, that does not interfere with using a local kit, but it is better to close unnecessary pop-ups so they do not get in the way during import.
Before moving on, open any test page with Edit with Elementor. If the editor does not load even on an empty page, stop there and do not move on to Aurae yet. Fix the Elementor issue first: memory, plugin conflicts, server security headers, write permissions, cache, or an incompatible theme.
Step 2. Install Template Kit Import and Upload the ZIP
If you are following the Envato workflow, install Template Kit Import, then go to Tools > Template Kit and upload the Aurae archive. Once the kit is recognized, confirm that templates such as Global Kit Styles, Home, Header, Footer, Appointment, and the MetForm forms are listed.
When the interface offers to install requirements, click Install Requirements. This is not just a convenience button. It connects the template to the plugins its widgets depend on. If you skip it, the import may appear to finish successfully, but Elementor will show empty areas or broken widgets.
Step 3. Import Global Kit Styles First
The Aurae listing includes global-kit-styles.jpg among the screenshots, and the template list also contains global styles. In practical terms, that means the color and typography foundation should not be imported at the end. Import Global Kit Styles first, then import the pages and blocks. That way, the pages immediately receive the correct colors, Manrope, sizing ratios, button styling, and background sections.
After importing the global styles, open a test page and make sure Elementor sees the correct fonts and colors. If the style did not apply, do not fix every page manually. First verify that Global Kit Styles was actually imported, that Elementor can write CSS files, and that the cache has been cleared.
Step 4. Import Pages in a Meaningful Order
Start with Home, About Us, Services, Appointment, and Contact Us. Then import Team, Pricing, FAQ, Blog, and 404. That order helps you build the site's core quickly and test the main user path. You do not have to publish everything right away. What matters is that the pages are available in Elementor as saved templates or created pages, so you can decide later what belongs in the menu.
If the import for one page fails, do not rerun the full page import immediately. Stop at the specific template, check the active dependencies, memory, upload size, PHP execution time, and the error log. Repeating a full import often creates duplicates, which makes menus and forms harder to configure afterward.
Step 5. Create Real WordPress Pages
Imported templates usually land in the Elementor library. For a public website, you need to create actual WordPress pages: Pages > Add New, assign a page title, open Edit with Elementor, insert the required template using the gray folder icon or the Envato icon, and then update the page. In the page settings, choose Elementor Full Width if the header and footer should display together with the page content.
After creating the home page, open Settings > Reading and assign it as the static front page. Then check the public site in a private browser window, not just inside the editor. The critical success check is this: the visitor sees the finished home page with its header, not a blank WordPress page or the theme title sitting above the hero section.
Header, Footer, and Menu: Configuring ElementsKit Without the Confusion
In Aurae, the header and footer come as separate templates. The product listing explicitly states that with ElementsKit Lite, you need to go to ElementsKit > Header Footer, create a new template, enable it, open it in Elementor, insert the imported header or footer from My Templates, then configure and publish it. That is a separate step after import, not something that happens automatically.
Why this matters: Aurae's polished hero section depends on calm top navigation. The screenshot shows a compact menu with Home, About Us, Services, Pages, Contact Us, and a search icon. If the header is not assigned, the visitor may see the default theme header, duplicate navigation, or no navigation at all. If no menu has been created in WordPress, the navigation widget in the header may show an empty list.
Creating a WordPress Menu
First, create a standard menu in Appearance > Menus or in your theme's current menu management interface. Add the home page, services, about page, team, FAQ, contacts, and appointment page. Do not overload the top navigation. For a clinic, a fast path to services and booking matters more than a complete list of every page.
If Aurae uses a Pages item with a dropdown menu, keep only secondary sections there: FAQ, Blog, legal pages if you have them, and any extra resources. The appointment page should be a visible standalone link or button, not buried in a third-level menu.
Assigning the Header Through ElementsKit
Open ElementsKit > Header Footer and click Add New Template. Give the template a clear name, such as Aurae Header. Set the type to header, enable Activate/Deactivate, and open it for editing. In Elementor, click the gray folder, go to My Templates, and insert the imported Aurae header.
After inserting it, check the menu widget: is the correct WordPress menu selected, are any demo links still showing, and does the logo match the clinic's real brand? In the Aurae demo, the logo is prominent in the upper-left corner and the menu items are understated. For a real site, a short brand name, a logo that stays readable on a dark background, and a clean header without extra secondary buttons usually work best.
Assigning the Footer and Testing It Across Pages
The footer is created the same way, but with the type set to footer. In the footer, verify the contact details, hours, service links, legal pages, and social media links. Do not leave a demo address, demo email, or empty icons in place. After publishing, open the home page, services page, appointment page, and contacts page. The header and footer should appear on all required pages with consistent visual behavior.
If the header is not visible, check three things: whether the template is activated in ElementsKit, whether it is set to display site-wide or under the correct conditions, and whether the page layout is set to Elementor Full Width. If you see a double header, the active theme is usually outputting its own header. In that case, either use a page layout without the theme's standard header or configure the theme so it does not duplicate navigation on Elementor pages.
Aurae Brand Style: Adapting the Dark Hero, Cream Sections, and Manrope
Aurae has a strong visual identity. In the attached reference, you can see a dark brown hero section with a leaf texture, a large semi-transparent heading, a central model, a small product card, a cream-toned section below it, and a calm service grid. This is not generic "medical blue" and not a sterile hospital aesthetic. The kit is better suited to clinics that want to feel premium, soft, and personalized.
When adapting it, the key is not to break that system with random colors. If the clinic already has a brand palette, use one or two accent colors and weave them carefully into buttons, links, icons, and small status elements. It is usually better to preserve the core background tones, contrast, and section rhythm. A full switch to bright pink, blue, or green can make Aurae feel like a completely different product and will often require reworking the photography and content blocks as well.
What to Replace First
The hero section should answer three questions: what the clinic does, why it can be trusted, and where the visitor should click next. The demo includes bold editorial text and a visual card. On the live site, replace the heading with something specific but not overloaded. For example, instead of "The best innovative treatments for flawless skin," use something like "Consultations and aesthetic skincare at our clinic." The button should lead to booking or services, not to an empty anchor.
Procedure images and specialist portraits should be replaced with your own assets or properly licensed ones. The ThemeForest listing specifically warns that demo images from Envato Elements require a license or replacement. This matters even more in the beauty and medical space, where random images may not match your actual procedures, equipment, or the legal standards that apply to advertising medical services.
Use Global Styles Instead of Editing Every Page by Hand
Elementor lets you manage global colors and fonts. For Aurae, check those global settings first instead of editing individual headings. If you need to warm up the brand accent slightly or change the button color, update the global colors and then retest the main pages. That preserves consistency across Home, Services, Appointment, and Contact Us.
It is worth keeping Manrope as the foundation if it fits the brand. It works well for long headings, clean subpoints, and a modern clinical presentation. If you replace it, choose a typeface with similar readability and test line breaks in the hero section, service cards, and mobile navigation. Large lightweight headings can break quickly if the new font is wider or heavier than the original.
Service Cards and Pricing Without Medical Overpromising
The demo includes a service block with a prominent phrase and rows of services. For a clinic, it is better to group services into clear categories: consultation and skin analysis, care treatments, device-based methods, and ongoing home-care support. If pricing depends on the treatment area, duration, or package, do not try to force everything into a single line. A card can instead say "priced after consultation," "treatment plan tailored individually," or link to a detailed service page.
Do not use template-style claims like "guaranteed results," "safe for everyone," or "suitable for all." Aurae has a trust-driven look, but medical content requires restraint. It is better to explain the process: consultation, skin assessment, plan selection, response monitoring, and aftercare recommendations. That aligns with the kit's visual message and sounds more credible.
A Safe CSS Tweak for Repeating CTA Blocks
If the CTA blocks become too dense after you replace the content, you can add your own CSS class in Elementor without editing the template files or inventing internal Aurae classes. In the settings for the target container, open Advanced > CSS Classes and add something like aurae-soft-cta. Then add this small snippet in Appearance > Customize > Additional CSS or in your theme's safe CSS tool:
.aurae-soft-cta {
border-radius: 18px;
background: rgba(245, 239, 229, 0.92);
box-shadow: 0 18px 45px rgba(39, 20, 13, 0.12);
}
.aurae-soft-cta .elementor-button {
min-height: 48px;
}
This tweak is safe because it relies on your own custom class, which you assign manually to a specific container. It does not alter WordPress core, Elementor, Aurae, or any of the dependency plugins. To roll it back, remove the class from the container or delete the CSS. After adding it, test the CTA on the home page, the services page, and at mobile widths. The button should remain readable, and the background should not overpower the text.
Appointment and Contact Us Forms: Restoring MetForm After Import
The forms in Aurae should not be considered functional just because a polished block is visible on the page. The product listing separately documents the MetForm import steps: open the page containing the form in Elementor, find the MetForm widget through Navigator, click Edit Form, create a new form, open the gray folder, go to My Templates, select the imported MetForm template, insert it, and update.
The reason for this process is that MetForm stores the form as a separate object, while the page only contains a widget that must be linked to that object. If that connection is never created, the visitor may see an empty block, a broken form, or a form that does not submit. For a clinic website, that is critical because the Appointment page is the main inquiry point.
How to Restore the Appointment Form
Open the Appointment page with Edit with Elementor. Turn on Navigator so you do not have to hunt visually through the page sections. Find MetForm, select it, and click Edit Form. If the form has not been created yet, choose to create a new one, keep blank selected, open the form editor, and insert the imported template from My Templates.
After insertion, update the form and the page. Then go back to the MetForm widget on the page and confirm that the newly created form object is selected, not an empty placeholder. Give the form a clear internal name such as Aurae Appointment Form or Consultation Booking. That makes maintenance easier later if you add a separate contact form, callback form, or a form for a specific service.
Which Fields to Keep and What to Add
For a clinic website, the appointment form should stay short. A solid starting set is name, phone or email, the service of interest, the preferred contact method, and a short comment. If you add a date field, do not imply automatic time-slot booking unless the form is connected to a real calendar system. It is better to state that an administrator will confirm the appointment time after reviewing the request.
Required fields should be truly necessary. Do not ask for too much personal medical information through a standard form if the site does not have a clear process for handling and protecting it. For an initial inquiry, contact details and a general comment are usually enough. More sensitive details should be discussed during the consultation or through a secure medical workflow.
Testing Submission and Notifications
After setup, send a test inquiry from the live public URL, not from inside the editor. Check three states: the form shows a clear success message, the email arrives at the working address, and the submission data is not lost in the MetForm admin area. If the emails do not arrive, do not start redesigning the form. Check WordPress mail delivery, the SMTP plugin, the recipient address, and the spam folder first.
MetForm supports different form workflows, but for Aurae the important thing is not to overload the site. If you need integration with a CRM, email marketing, or analytics, add it only after the basic form submits reliably. Otherwise, it becomes difficult to tell whether the problem comes from MetForm, email delivery, the CRM, spam protection, or a third-party webhook.
Practical Example: Launching a Clinic Home Page With Aurae
Let us take a typical task: a clinic wants to quickly launch a site with a home page, services block, appointment form, and contact details. It has a logo, 6 main services, photos of the office, 2 specialist portraits, and a working admin email address. The goal is to build the first version of the site that can be shown to patients and tested on mobile.
Goal and Preparation
The goal in this example is not to build a perfect final portal, but a complete first version with a working user path: the visitor opens the home page, understands the clinic's focus, reviews the services, clicks to book, submits the form, and receives a clear confirmation. Before you begin, WordPress, Elementor, Aurae's dependencies, and the imported Global Kit Styles, Home, Services, Appointment, Contact Us, Header, and Footer should already be in place.
Setup Steps
- Create the
Home,Services,Appointment, andContactpages, insert the corresponding Aurae templates through Elementor, and save them. - Assign Home as the static front page in
Settings > Reading. - Create a WordPress menu with the Home, Services, About, FAQ, Contact, and Appointment items.
- Create the header in
ElementsKit > Header Footer, insert the Aurae Header template, select the menu you created, and publish it site-wide. - Create the footer, replace the demo contact details, and publish it site-wide.
- On the home page, replace the hero heading, body text, CTA button, and photography with the clinic's real content.
- In the services block, keep only the real service categories and remove unverified percentages, prices, or promises.
- On the Appointment page, restore the MetForm form, set the email recipient, and send a test inquiry.
- Check the public site in a private window: home page, menu, mobile header, form, footer, and contact page.
Expected Outcome
After these steps, the site should feel cohesive: one color and font system, one consistent header and footer, real services, and a working form. It is important that no clickable element leads to a demo anchor, an empty page, or an external URL from the original template. Buttons in the hero section and service blocks should point to the Appointment page or a specific service page.
Test the user path without logging into the admin panel. Open the site like a first-time visitor, click the main button, complete the form, make sure the email arrives, and confirm that the post-submit message is clear. If that path works, Aurae is already doing its main job.
Important Note: Demo Content and Image Licensing
The ThemeForest listing states that demo images come from Envato Elements and require a license or replacement. So in a practical launch, do not publish the demo photos as permanent assets. They can remain on staging while you assemble the layout, but before launch, replace them with your own photography, properly licensed images, or neutral illustrations that do not mislead visitors.
Checking the Outcome: Design, Responsiveness, SEO, and Speed
After importing Aurae and configuring the core pages, you still need an editorial and technical review. A template kit may look polished inside Elementor, but real visitors judge the site differently: does the top of the page load quickly, is the menu clear, do sections jump around, is the text readable on a phone, does the form submit, and are there any demo remnants or unnecessary plugins left behind?
Design and Visual Consistency
Go through all published pages and compare them side by side. Headings should follow a similar sizing rhythm, buttons should have the same shape, spacing should feel consistent, and photographs should share a similar color temperature. Aurae is built around a warm premium contrast, so one random over-saturated image, neon button, or overly dense testimonials block can break the impression immediately.
Pay special attention to the hero section. It should not function only as a pretty portrait. The visitor should instantly understand where they are, what services the clinic offers, and where to click next. If the hero copy became longer after editing, check line breaks at tablet and mobile widths.
Responsiveness
Check the home page, services page, and form on desktop, tablet, and mobile in Elementor's responsive mode, then test again in a real browser. At mobile widths, Aurae's large typography can spill across too many lines. If a heading breaks awkwardly, shorten the copy, reduce the size of that specific heading, or reorder the blocks. Do not solve the issue by shrinking the entire site. Tiny text will hurt readability.
In the header, test the burger menu, dropdown items, and appointment button. If the menu does not open, the cause may be a conflict with an addon plugin, cache, or a disabled script. If the dropdown covers the entire hero section, simplify the menu structure and remove extra levels.
An SEO Foundation Without Keyword Stuffing
Aurae provides the visual structure, but SEO depends on the real content. Every page should have one clear heading, a unique title and meta description in the SEO plugin, a readable URL, and copy that actually explains the service. There is no need to repeat "cosmetology, dermatology, skincare" in every block. It is more useful to answer specific questions: how to prepare for the consultation, what is included in the treatment, who the service is not suitable for, how to book, and what to clarify with the specialist.
The Blog template in Aurae can be used for educational content. Strong topics for a clinic include how to prepare for a first consultation, the difference between home care and an in-office procedure, which questions to ask before a device-based treatment, and why pricing depends on the treatment plan. Content like that builds trust and supports the site without mechanical SEO overuse.
Speed and Unnecessary Widgets
Because Aurae uses several addon plugins, review which modules you actually need. Some plugins let you disable unused widgets. Do this carefully: first confirm that a given widget is not used anywhere on the Aurae pages. After disabling it, clear the cache, open the pages, and make sure no sections disappeared.
For images, use optimized files at appropriate dimensions. Beauty websites often suffer from oversized hero images. If you upload a multi-megabyte photo without optimization, the polished hero section will become slow. Compress images, write meaningful alt text, and do not leave generic filenames like IMG_1234.jpg on important assets.
Post-Install Essentials: Email, SEO, and a Content Plan for Services
Once Aurae is assembled visually, the site is still not ready for publication. The template kit handles design and page structure, but it does not solve email delivery, metadata, local search, inquiry analytics, or the editorial structure of your services. These do not need to become a massive project, but they do need to be in place before visitors start submitting inquiries.
For Aurae, the most useful combination is Elementor Template Kit plus MetForm plus SMTP delivery plus an SEO plugin. It does not add random features. It completes a real chain: a visitor finds a service page, reads a clear description, clicks to book, submits the form, the admin receives the message, and the site owner can see which page generated the lead. If even one part of that chain fails, a polished design does not turn into a business outcome.
SMTP for MetForm Inquiries
WordPress sends email through wp_mail(), but on many hosts, delivery without SMTP is unreliable: messages may land in spam, disappear, or be sent from a technical server address. For a clinic site, that is not acceptable, because the appointment form may look successful to the patient while the administrator never sees the inquiry.
A safe practice is to connect an SMTP plugin or email service that supports sending from the clinic's domain email address. Do not store personal email passwords in notes, do not place secrets inside template text, and do not pass them to the content generator. SMTP should be configured in the site's admin panel or on the hosting side. In Aurae, you only verify the end result: the message arrives, the sender looks trustworthy, the reply-to points to the user's or clinic's email, and the form shows a clear message.
After SMTP is connected, run three tests. First, submit the Appointment form with a normal name and phone number. Second, submit Contact Us with a long comment to verify line wrapping and encoding. Third, submit from a mobile device over a mobile network, because spam protection can behave differently across IP ranges. If even one test fails, the site is not ready for advertising yet.
SEO Plugin and Elementor Pages
Aurae does not replace an SEO plugin. For service pages, the home page, FAQ, and contacts, you need a tool that handles title, meta description, the sitemap, canonicals, and schema markup if you use it. You can choose a familiar option such as Yoast SEO or Rank Math, but do not install two SEO plugins at the same time. That creates duplicate settings and makes troubleshooting harder.
With Elementor pages, remember that SEO settings should be checked not only in the editor interface, but on the live page source as well. After publishing, open the page in a browser and review the tab title, the snippet preview from the SEO plugin, the URL, and the headings. If the SEO plugin offers on-page analysis directly inside Elementor, treat it as guidance, not as law. In medical and cosmetic content, precision, restraint, and a clear page layout matter more than mechanically hitting a green score.
A strong structure for Aurae is this: the home page is optimized for the brand and the general clinic type, the services page for the range of offerings, future individual treatment pages for specific procedures, the FAQ for preparation and restriction questions, and the Blog for educational content. Do not try to target every query on the home page. Aurae's visual home page is designed to build trust and guide visitors forward, not to serve as an encyclopedia of procedures.
Service Content Matrix
Before replacing the demo copy, create a service matrix. It can be simple: service name, who it is for, what happens during the consultation, the rough visit length, what to prepare, any restrictions, and the next step. That matrix will help you fill the Services, Pricing, Appointment, and FAQ pages in one consistent voice. Without it, each page gets written separately and visitors start seeing contradictions.
For Aurae, the combination of "service - process - outcome check" works especially well. For example, the block "Designed For Every Skin Journey" can be adapted not as a generic pretty section, but as a path: consultation and skin analysis, a personalized plan, the procedure or care stage, and a follow-up review. That structure matches the visual rhythm of the demo and helps explain why booking starts with a consultation rather than instant selection of any procedure.
In the Pricing section, you do not have to publish a full medical price list. You can present clear categories and explain that the exact cost depends on the consultation, treatment area, package, or selected products. The important thing is not to leave demo prices in place. Even one incorrect number in a card can create conflict with a patient and undermine trust in the site.
Local Clinic Details and Contact Information
If the clinic serves a specific city, the Aurae pages should be adapted for local trust. Add the real address, a map, business hours, and parking details or a landmark if useful. The footer and Contact Us page should match exactly. If one phone number appears in one place and a different number appears somewhere else, both visitors and search engines will treat the site as less reliable.
For local SEO, there is no need to turn every paragraph into a list of cities. It is enough to mention the city naturally in the home page title or contact page title, add structured contact data through the SEO plugin, complete the business profile on external platforms, and make sure the NAP data - name, address, phone - stays consistent. Aurae gives you the polished shell, but local trust comes from real details.
Mini Checklist Before Publishing
- All forms send emails to a working address and show a clear post-submit message.
- SMTP or another reliable email delivery method has been tested with a live inquiry.
- The home page, services page, appointment page, and contact page have unique SEO titles and descriptions.
- Demo images have been replaced or licensed, and the alt text describes the real content.
- The menu points to published pages, not demo anchors or empty templates.
- The FAQ answers real questions about preparation, restrictions, pricing, and booking.
- The site has been tested on desktop, tablet, and mobile without logging into the admin panel.
- Cache has been cleared after final edits, and Elementor CSS has been regenerated if needed.
Troubleshooting Common Problems After Installing Aurae
The issues below are not random WordPress problems. They are the ones most likely to appear with an Elementor Template Kit that relies on several plugins, uses ElementsKit for the header, and depends on MetForm for forms. The safest way to troubleshoot is in order: environment and dependencies first, then import, then individual pages, then cache and optimization.
The Import Does Not Accept the ZIP or Shows an Archive Error
Symptom: Template Kit Import says the archive is invalid, or Elementor does not recognize the file as a kit.
Likely cause: you uploaded the outer ThemeForest archive instead of the inner Elementor kit ZIP. Another possibility is that the server does not support ZIP or the upload limit is too low.
What to check: the structure of the downloaded package, the presence of the internal template kit archive, Max Upload Size, ZIP Installed, and write permissions in Elementor > System Info.
How to fix it: upload the correct inner archive, increase the hosting limits, enable the ZIP extension, and rerun the import only for the specific kit. If duplicates already appeared, remove them manually after making a backup instead of mass-resetting the site.
The Pages Imported, but They Do Not Look Like the Demo
Symptom: the fonts are different, the colors do not match, the spacing looks off, or the hero section feels flat.
Likely cause: Global Kit Styles was not imported first, Elementor CSS was not regenerated, cache is serving old styles, or some dependent widgets are not active.
What to check: the global styles import, the status of Elementor and addon plugins, caching, and whether you can clear Elementor files through Elementor > Tools.
How to fix it: import the global styles, clear Elementor files and data, clear the site and browser cache, and then reopen the page. Do not manually repair every card until the global foundation is restored.
The Header or Footer Does Not Display
Symptom: the pages show only the standard theme header, the Aurae menu is missing, or the footer does not appear.
Likely cause: the Header/Footer template was imported, but never assigned through ElementsKit, the template is not activated, no display conditions are set, or the page uses the wrong layout.
What to check: ElementsKit > Header Footer, the Activate/Deactivate state, the selected header/footer type, display conditions, and Elementor Full Width in the page settings.
How to fix it: create a global header/footer, insert the imported template from My Templates, assign the menu, enable site-wide display, and test the public page without logging into the admin area.
MetForm Is Visible, but the Inquiry Does Not Send
Symptom: the form displays, but there is no email after submission, no success message appears, or the fields do not work correctly.
Likely cause: the MetForm widget is not linked to a created form, the email notification is not configured, WordPress email is not being delivered, SMTP is missing, or the message is going to spam.
What to check: the selected form in the widget, MetForm notification settings, the recipient email, the submission log, the SMTP plugin, and a test submission from the public page.
How to fix it: create a separate form, insert the correct MetForm template, connect it to the widget, configure notifications, enable SMTP if needed, and test again. If the form is only being used as a visual placeholder, do not publish the Appointment page until it has been verified.
The Elementor Editor Freezes or Does Not Load
Symptom: Elementor loads endlessly, the left panel is blank, a server error appears, or certain widgets disappear.
Likely cause: insufficient memory, an addon plugin conflict, optimization cache, an incompatible dependency widget version, or a server-side issue.
What to check: Elementor > System Info, WordPress and PHP memory limits, Safe Mode, recently enabled plugins, the browser console, and the error log.
How to fix it: increase memory, temporarily disable JS/CSS optimization, test the editor in Safe Mode, disable third-party plugins one by one, then re-enable only the required modules. Do not delete Aurae or reimport it until you know what caused the freeze.
The Mobile Menu or Sections Overlap
Symptom: the burger menu does not open, the dropdown extends off-screen, a large heading overlaps the photo, or the service cards become too cramped.
Likely cause: the real copy is much longer than the demo text, the menu structure is too complex, an addon plugin script is disabled, minification is too aggressive, or Elementor responsive settings were not adjusted.
What to check: the mobile view in Elementor, a real phone, Nav Menu settings, item length, cache and minification, and behavior after turning optimization off.
How to fix it: shorten menu items, move secondary pages to the footer, adjust responsive sizes for the hero section, clear the cache, and disable the problematic minification for Elementor pages. If a change makes the desktop layout worse, roll it back and tune the mobile breakpoint separately.
When Aurae May Not Be the Right Fit
Aurae is strong for quickly launching a visually cohesive clinic website, but it does not cover every requirement of a medical business. It does not replace a calendar-based booking system, it is not a CRM, it does not manage medical records, it does not validate legal copy, and it does not generate an SEO structure automatically. If the project requires those features, the template kit will only be the outer layer.
The kit can also be excessive for a one-page landing page if the clinic only needs a page with a phone number and address. In that case, you may spend more time disabling unneeded templates, dependencies, and sections than you save. On the other hand, if you need a large portal with dozens of specialties, multiple doctors, service filters, schedules, reviews, and external booking integration, Aurae will need to be extended with separate plugins and a more custom structure.
There is also a visual limitation. The dark brown premium skincare style may work beautifully for an aesthetic clinic, but it is not always a natural fit for a traditional medical dermatology practice, a pediatric clinic, or a strict hospital brand. Before installing it, review the source preview and decide whether the atmosphere matches what your audience expects.
A Similar Class of Solutions for Beauty Clinic and Dermatology Websites
If you like Aurae's overall approach but are comparing several options, do not focus only on the color palette and the hero section. More important factors are the product type, whether Elementor Pro is required, the number of pages, and whether the kit includes forms, a header, a footer, service pages, an FAQ, and clear import instructions. Below are comparable options from the same niche or the same Elementor Template Kit category.
How to Decide and Move on to Downloading
Before installing Aurae, ask yourself a few practical questions. Do you have real photography or a valid image license? Are you ready to configure MetForm instead of leaving a demo form in place? Do you need an Elementor Free workflow without mandatory Elementor Pro? Does the dark cream-toned skincare aesthetic fit the clinic brand? Do you have time to test the mobile menu, forms, and site speed?
If the answers are yes, Aurae can work as a fast and polished starting point for a clinic website. Build a staging version first, import the global styles, restore the header, footer, and forms, replace the demo media, test the booking flow, and only then publish. Once that is done, you can download the ThemeForest Aurae archive and prepare it for installation on a test site.
Do not rush to apply the kit directly on a live site with active traffic. Even if the import itself is quick, the real work starts afterward: content, legal wording, email delivery, responsiveness, image optimization, and lead testing. Those are the steps that turn a polished template into a working clinic website.
Questions About Aurae, Elementor, and Launching a Clinic Website
Can I install ThemeForest Aurae like a regular WordPress theme?
No. Aurae is an Elementor Template Kit, not a traditional theme. You import it through Template Kit Import or Elementor's tools, while the active WordPress theme usually remains Hello Elementor or another compatible theme.
Do I need Elementor Pro for Aurae to work?
The Aurae listing states that the kit uses Elementor Free. At the same time, the site depends on several free addon plugins. If you later decide to use Elementor Pro Theme Builder or other Pro features, that is a separate choice, but the core Aurae workflow should not require buying Pro just to import the kit.
Why is the appointment form missing after import?
Because the MetForm template has to be created and linked to the widget separately. Open the page in Elementor, find MetForm through Navigator, click Edit Form, create the form, insert the imported MetForm template from My Templates, update the form and page, and then send a test inquiry.
What should I do with the template's demo images?
Use them only as temporary visual placeholders while assembling the staging version. Before publishing, replace them with your own assets or properly licensed images. The ThemeForest listing clearly states that demo images from Envato Elements require a license or replacement.
Why did the header not appear after importing the Header template?
An imported Header template is not automatically a global header. Create a new template in ElementsKit > Header Footer, enable it, insert the Aurae header through Elementor, choose the menu, and publish it with the correct display conditions. Also check the page layout.
Can I use Aurae for a site with time-slot online booking?
Aurae gives you an Appointment page and a form, but it is not a full calendar booking system. If you need open time slots, time confirmation, reminders, and schedule sync, connect a separate booking plugin or service and use Aurae as the visual shell.
How can I speed up an Aurae site safely?
Start by optimizing images and disabling genuinely unused widgets in the addon plugins, if the plugin supports that mode. Then clear Elementor CSS and the site cache. Do not enable aggressive JS/CSS minification without testing the forms, mobile menu, and widgets, because many post-import issues come from script optimization.
Is Aurae a good fit for medical dermatology?
It can be, if the visual style matches the brand and you adapt the text carefully. A stricter medical clinic may need a more restrained presentation, more procedure pages, legal sections, and separate materials about contraindications. Aurae works best when the goal is a premium site for aesthetic dermatology or skincare.
When ThemeForest Aurae Is a Strong Choice
ThemeForest Aurae is worth using if you want a visually polished site for skincare, a beauty clinic, or aesthetic dermatology and are prepared to follow a proper implementation process: import the kit, restore the global styles, assign the header and footer, configure the forms, replace the demo media, and test the booking path. The strength of the kit is not unique business functionality, but a ready-made system of pages and a strong atmosphere that you can adapt without building a theme from scratch.
The best results come when you do not treat Aurae like a one-click "build a website" button. A template kit gives you the foundation, but trust comes from real photography, carefully described services, honest limitations, a working form, and a verified mobile experience. If you are ready to fill in those pieces, Aurae can turn a product download into a complete clinic website where visitors understand the offer and can submit an inquiry without unnecessary friction.
Nearby Materials | ||||
|
ThemeForest Preggs - WordPress Theme | ThemeForest Donora - WordPress Theme |
|
|




