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.
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>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>Support for multiple frames using shortcode with frame ID on different pages.</li>
<li>Responsive and mobile-ready with intuitive gestures and controls.</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>Click the “Save Frame Settings” button.</li>
<li>After saving, the shortcode will appear below the settings.</li>
<li>Copy the shortcode (e.g., <code>[profile_frame frame="123"]</code>).</li>
<li>Paste the shortcode on any post or page using the Shortcode block (or based on your preferred editor).</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: 
– 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.
<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>
Create a page with links to each frame to allow users to pick their favorite.
<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>.

Social Profile Frame Generator – Custom Social Media Frames Creator

Lightweight profile picture frame generator for social campaigns, events, or WordCamps. Let your users create overlay custom frames on their photos.

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