Change your profile picture instantly from the front end.   Simple, fast, and built to feel like part of WordPress.

Yudiz Solutions Ltd.

Neel Patel

OptiImage – Upload Optimizer

Optimize and compress images uploaded from the frontend and media library for faster loading times with OptiImage - Upload Optimizer!

ChargeWP

<p><strong>It just works.</strong></p>
<p>ChargeWP Avatar Upload gives users a clean, intuitive way to update their profile photo without opening the dashboard.<br />
It’s built for modern WordPress sites: secure, lightweight, and theme-friendly.</p>
<h3>Key Features</h3>
<ul>
<li><strong>Instant front-end upload</strong> — update your avatar right on the page or in WooCommerce “My Account.”  </li>
<li><strong>SmartCrop.js built in</strong> — automatically centers faces for perfect, professional results.  </li>
<li><strong>Gutenberg Block and Shortcode</strong> — add the avatar uploader anywhere you want.  </li>
<li><strong>Gravatar friendly</strong> — keeps existing Gravatars in place and simply takes priority when a custom image is uploaded.  </li>
<li><strong>Automatic cleanup</strong> — replaces old avatars so your media library stays tidy.  </li>
<li><strong>Lightweight and native</strong> — no complex settings, no setup screens, and no bloat.</li>
</ul>
<h3>Why You’ll Love It</h3>
<ul>
<li>Works straight out of the box.  </li>
<li>Looks and feels like part of WordPress and WooCommerce.  </li>
<li>Secure uploads with smart cropping and optimized JPEG output.  </li>
<li>Supports all image types WordPress allows (JPG, PNG, WebP, and more).  </li>
<li>Translation ready and developer friendly.</li>
</ul>
<h3>Usage</h3>
<p>Shortcode example:</p>
<pre><code>[chargewp_avatar type="0" check_page_author="false"]
</code></pre>
<p><strong>Attributes:</strong><br />
– <code>type</code> — 0 = avatar only, 1 = avatar + name + ID, 2 = avatar + name + ID + profile link. Default: 0<br />
– <code>check_page_author</code> — true or false. When true, shows the page or post author’s avatar instead of the current user. Default: false<br />
– <code>classes</code> — Optional extra CSS classes for custom styling.</p>
<p><strong>Block:</strong><br />
– Insert the <strong>ChargeWP Avatar</strong> block in the editor.<br />
– Adjust display type and author options from the block sidebar.</p>
<h3>Developer Notes</h3>
<ul>
<li>Template overrides are supported. Copy files from<br />
  plugins/chargewp-avatar/templates/ to <code>yourtheme/templates/cwpa/</code>.  </li>
<li>Filters to disable automatic placement:
<ul>
<li><code>add_filter('cwpa_auto_inject_wc_account', '__return_false');</code>  </li>
<li><code>add_filter('cwpa_auto_inject_cwpd_sidebar', '__return_false');</code>  </li>
</ul>
</li>
<li>Filters to change display type:
<ul>
<li><code>cwpa_avatar_type_wc_account</code>  </li>
<li><code>cwpa_avatar_type_cwpd_sidebar</code></li>
</ul>
</li>
</ul>


Alternatives to ChargeWP – Front End Avatar Upload

Top alternatives