ecomerciar

Let your users/clients upload a custom picture to their woocommerce profile.

Woocommerce Custom Profile Picture

Let your users/clients upload a custom picture to their woocommerce profile.

Jose Varghese

Profile Frame Generator is a user-friendly, performance-focused plugin that allows site owners to upload custom PNG frames that users can overlay on their photos to generate social media profile pictures. This plugin easily helps create a social photo without any software on the desktop or mobile.
WordCamp Asia 2026 and WordCamp Europe used this plugin for social badge creation:
<ul>
<li><a href="https://wpasia.org/2026/frame/attendee/" rel="nofollow ugc">WordCamp Asia 2026 – Social Avatar Profile Frame</a></li>
<li><a href="https://social.wceu.eu/index.php/profile-frame-attendee/" rel="nofollow ugc">WordCamp Europe – Social Avatar Profile Frame</a></li>
</ul>
Built for events, campaigns, and brand communities, this plugin is perfect for WordCamp, meetups, or social movement organizers who want to promote a unified visual identity among supporters, attendees, volunteers, and speakers.
<h3>🎯 Key Features:</h3>
<ul>
<li>NEW: Detailed, responsive frontend UI.</li>
<li>NEW: Split-screen layout for desktop.</li>
<li>Zoom In/Out controls for precise adjustments.</li>
<li>Rotate Left/Right controls to fix orientation.</li>
<li>Bokeh/Blur effect to blur the background image.</li>
<li>Reset Position button to quickly start over.</li>
<li>Gravatar support – load user avatar directly from email.</li>
<li>Custom background color for non-transparent areas.</li>
<li>Customizable user instructions.</li>
<li>Upload a transparent PNG frame from the WordPress media library.</li>
<li>Generate framed profile pictures with an interactive frontend interface.</li>
<li>Lightweight: CSS/JS loads only on pages containing the shortcode.</li>
<li>Responsive and mobile-ready with intuitive gestures (touch drag/pinch).</li>
</ul>
<h3>🛠 How to Use:</h3>
<ol>
<li>Install the Profile Frame Generator plugin via Plugins > Add New.</li>
<li>Navigate to Dashboard > Profile Frame.</li>
<li>Click “Select Frame from Media Library”, choose your PNG frame, and click Select Frame.</li>
<li>Configure the new control settings (Zoom, Rotate, Bokeh, etc.) as desired.</li>
<li>Click the “Save Settings” button.</li>
<li>Copy the shortcode (e.g., <code>[profile_frame frame="123"]</code>) or just <code>[profile_frame]</code> to use the default saved frame.</li>
<li>Paste the shortcode on any post or page.</li>
<li>Save and view the page – the frame generator canvas will be visible to users.</li>
</ol>
<h3>✨ Frame Interaction & Controls:</h3>
Users can customize their image overlay using the following: 
– Zoom Buttons – Precise zoom control. 
– Rotate Buttons – Rotate image 90 degrees left or right. 
– Mouse Wheel – Zoom in/out of the uploaded image. 
– Mouse Drag – Reposition the image within the frame. 
– Mobile (Pinch to Zoom) – Two-finger pinch gesture to zoom. 
– Mobile (Rotate) – Rotate the image left or right using your fingers. 
– Gravatar – Enter email to auto-load profile picture.
<h3>🖼 Multiple Frame Support:</h3>
To use more than one frame: 
– Use <code>[profile_frame frame="image_id_here"]</code> where <code>image_id_here</code> is the Media Library ID of your PNG frame. 
– Each frame must be used on a separate page, as only one frame is supported per page.
Example: 
– Frame A: <code>[profile_frame frame="123"]</code> 
– Frame B: <code>[profile_frame frame="456"]</code>
<blockquote>
⚠️ Performance First: The plugin only loads CSS and JS on pages with the shortcode, ensuring fast load times and minimal impact on your site.
Note: WordPress and WordCamp are registered trademarks of the WordPress Foundation. This plugin is not affiliated with or endorsed by WordPress.org or WordCamp. Names used for reference only.
</blockquote>
<h3>Support</h3>
For questions, support requests, or feature suggestions, please visit the <a href="https://wordpress.org/support/plugin/profile-frame-generator/" rel="ugc">support forum</a>.
If you find this plugin useful, consider <a href="https://superwebshare.com/donate" rel="nofollow ugc">buying me a coffee</a> to support development. Thank you!
<h3>Credits</h3>
<h4>Donors</h4>
Thanks to the following generous supporters who donated to keep this plugin going:
<ul>
<li>Arie</li>
</ul>

Social Profile Frame Generator – Custom Social Media Frames Creator


Thank you @josevargheseGreat tool! ---Just a quick suggestion for next version, there should be a slider for zoom as the mouse scroll can get funky.


Simply | Easy | Fun

All-in-one profile picture frame generator. Allows users to upload their photo, apply a frame, customize with zoom/rotate/bokeh, and download.

Woocommerce Custom Profile Picture vs Social Profile Frame Generator – Custom Social Media Frames Creator