How to use
Welcome to MetaMixer WP, the intuitive WordPress plugin that simplifies front-end profile editing for your users. This guide will walk you through the process of setting up and using MetaMixer WP, enabling you to create seamless, editable profile pages without the need for complicated forms.
Key Features:
- Inline EditingUsers can effortlessly update their profile information by simply mousing over and adding data, with changes saved securely.
- Rich Text and Image SupportEnhance profiles with dynamic content, including rich text and images, ensuring a comprehensive user experience.
- Custom Templates and User DirectoryAdmins can create customizable profile templates and user directories, complete with internal filters for easy navigation.
- Extended Bricks CompatibilityUtilize extended Bricks features for dynamic data elements, loops, and conditional logic, for advanced site customization.
Follow the steps below to set up and make the most of MetaMixer WP for your WordPress site.
Simplicity is best
The goal of this plugin is simplicity and robustness
1
Step 1
Add the shortcode or element, and configure it to your data input type.
2
Step 2
Style the parent container, or apply directly to the bricks element.
3
Step 3
Save, and enjoy front end editing of your user profiles.
- Add Element
After adding the element we should see the options available we can change
- Set Key
After adding the element we should set the user meta key we will use.
We can use any meta key available to your users
Using native wordpress functions to edit user meta keeps the plugin secure and ensures the user is only able to edit their user data.
Getting to know your input types
Text/Rich Text
The text input type creates a text input and stores plain text or you can use the rich text element to open a rich text editor so users can store formatted text entries.
Email/URL/Phone
The email input creates a text input that allows a raw text email, phone, or url address to be stored
Image
This loads the default media uploader for wordpress so the user can upload their images. It only shows the users/authors images.
Video
The video input allows your store a url address it will auto build the proper wrapper for a youtube or vimeo link.
Image Wrapper
This is the same as the image field but allows the admin to set dynamic data to the url wrapper.
Icon Link
This allows the admin to configure links like social icons that the end user can change the url addresses for. It also has a text feature for custom text links.
Exploring Element Block Options
Input Type: Text
The Text element allows for front end editing without formatting.
Input Type: Rich Text
The Rich Text element allows for front end editing with rich formatting.
Input Type: Email/Url/Phone
These element types allow you to give the user the ability to update info based their respective types with input sanitization.
Input Type: Image / Image Wrapper
The Image element allows the admin to set a default image place holder and allows for the end user to change their image from the front end through the wordpress media manager.
The Image wrapper type allows for a url link to be wrapped around the image.
Input Type: Video
The Video element allows user to enter a url to youtube or vimeo videos. This way you as an admin can embed this feature into their profiles.
Input Type: Icon Links
Using the Icon Link is valuable for custom links and social icons on the page. Allowing your users to add their own social profile links to their page.
Link Text
Setting the Link Text will allow for custom text on the front for your icon link.
Icon Classes
The Icon Link can have custom CSS classes applied for the chosen Icon
Option: Inline or Modal
Choosing to enable the modal feature will allow a modal version of the input to be presented on page.
Otherwise by default it will present an inline editing block. It will shift content based on the css stylings applied.
