Introduction
Video Presentation
Templines Auth (Woo) is a WordPress plugin that enhances WooCommerce account and authentication flows. It adds Elementor widgets for My Account navigation and content, customizable Login/Registration/Lost Password forms, a header account icon/link, and a granular styling system with modular CSS you can enable or disable from settings.
Key Features
- Elementor widgets: My Account Navigation, My Account Content, Login, Registration, Lost Password
- Per-endpoint visibility, ordering and icon controls for default WooCommerce endpoints
- Custom menu items with icons for the My Account navigation
- Header account icon/link integration for your site menu
- Granular styling with modular CSS (enable/disable globally or per module)
- Localization-ready strings and WordPress security best practices
Requirements
- WordPress 5.8+
- WooCommerce 6.0+
- Elementor 3.7+ (for widgets)
- PHP 7.4+
Installation
- Upload the plugin to
/wp-content/plugins/templines-auth-woo
or install the zip from the WordPress admin → Plugins → Add New → Upload Plugin. - Activate the plugin from WordPress admin → Plugins.
- Optional: Go to Settings → Templines Auth (Woo) to configure pages and appearance.
Quick Setup
Auto-create and map pages
From Settings → Templines Auth (Woo), click Auto-create and map pages to automatically create and assign Login, Registration, and Lost Password pages with the correct shortcodes. Consider excluding these pages from caching.
Shortcodes you can use manually if needed:
[templines_login_form]
[templines_registration_form]
[templines_lost_password_form]
Global Settings
Appearance
- Enable Plugin Styles — Master switch to load plugin CSS.
- Account Navigation Styles — Styles for the account navigation widget.
- Account Forms Styles — Styles for forms under My Account pages.
- Auth Forms Styles — Styles for Login, Registration, and Lost Password widgets.
- Header Account Styles — Styles for the header account link/icon.
If granular module switches are not yet set, the legacy bundle is enqueued for backward compatibility.
Elementor Widgets
My Account Navigation
- Show/hide default endpoints (Dashboard, Orders, Downloads, Address, Account details, Logout).
- Assign icons to default endpoints.
- Add custom links with icon support and choose their position (before/after defaults).
- Style controls for orientation, spacing, active/hover/normal states, dividers, etc.
My Account Content
Outputs WooCommerce account content inside a wrapper for consistent styling. Place it alongside the navigation widget to build your My Account layout with Elementor.
Login / Registration / Lost Password
- Text controls for labels/placeholders/buttons.
- Container styling: padding, border, radius, background (classic/gradient), backdrop blur, optional content blur, alignment.
- Input/label/button typography and colors.
Shortcodes
Authentication
[templines_login_form]
[templines_registration_form]
[templines_lost_password_form]
Use these shortcodes on dedicated pages when not using Elementor widgets.
Header Account
Menu integration
The plugin can inject a login/account link into a selected WordPress menu location. When logged in, it can show the user name; otherwise it shows a sign-in link.
Styling
Modular CSS
CSS has been split into modules for granular control:
assets/css/style-myaccount-nav.css
assets/css/style-myaccount-forms.css
assets/css/style-auth-forms.css
Enable modules in Settings → Templines Auth (Woo) → Appearance. If modules are not configured, the legacy assets/css/style.css
is used.
Frequently Asked Questions
Can I use Elementor to build My Account?
Yes. Use the My Account Navigation and My Account Content widgets together on the WooCommerce My Account page.
How do I control which styles load?
Use Settings → Templines Auth (Woo) → Appearance to toggle individual CSS modules or disable all plugin styles.
Troubleshooting
My Account layout looks broken
- Ensure both Navigation and Content widgets are placed on the My Account page.
- Check if plugin styles are enabled or adjust your theme overrides.
Styles not applying
- Verify “Enable Plugin Styles” is on and the required modules are enabled.
- Clear any caching (plugin/server/CDN) and hard-refresh your browser.
For assistance, contact info@templines.com or visit the Templines Support portal.