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

Installation

  1. Upload the plugin to /wp-content/plugins/templines-auth-woo or install the zip from the WordPress admin → Plugins → Add New → Upload Plugin.
  2. Activate the plugin from WordPress admin → Plugins.
  3. 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.
Support

For assistance, contact info@templines.com or visit the Templines Support portal.