Widgets settings

Widgets settings include settings for each widget, that can be used on the Profile page under the Overview tab:

Let's review the widget areas which can be edited inside Widgets Settings below. 

Widgets Settings

Widgets Settings Tab adjusts general looking for widgets on the Profile page under the Overview tab.

Widgets Border Style allows choosing the border according to the following options.

Widgets Title Settings adjusts showing widget title icon and icon background.

Title Styling Settings adjusts colors for:

• widgets title;
• title background;
• title bottom border;
• title icon;
• title icon background.

About Me Settings

Under General Settings can be adjusted widget title and loading effect.

There can also be adjusted image border-style according to the variants.

Under Widget Styling Settings can be selected user full name, position, biography, title border colors.

Posts settings

Under Posts settings can be added post types and widget loading effect.

Under Widget Visibility Settings can be allowed the following options:

• type widget title;
• show post meta;
• show meta icons;
• show post date;
• show post comments;
• show post excerpt;
• show post tags;
• show read more button.

Under Styling Widget can be selected colors for posts:

Project Settings

Under General Settings can be adjusted widget title, added project types, and loading effect.

Under Widget Visibility Settings can be adjusted visibility for Project Meta, Project Meta Icons, Project Tags.

Under Widget Styling Settings can be adjusted colors for the following options.

Skills Settings

Under General Settings can be adjusted widget title, loading effect, and allowed maximum skill number.

Services Settings

Under General Settings can be adjusted widget title, added project types, and loading effect.

Services Box Layouts can be chosen from the following.

Services Icon Background Style can be chosen from the following.

Under Widget Visibility Settings can be adjusted visibility for Service Icon, Service Title, and Service Description.

Under Widget Styling Settings can be adjusted colors for the following options.

Portfolio Settings

Under General Settings can be adjusted widget title, loading effect, and allowed maximum services number.

Widget Visibility Settings adjusts visibility for Photo Title, Photo Url and Photo Zoom.

Under Styling Widget can be selected colors for Photo Buttons, Buttons Icon, Buttons Hover, and Buttons Icons Hover.

Slideshow Settings

Under General Settings can be adjusted widget title, loading effect, allowed maximum services number, and set slides height type.

Slideshow Styling Settings adjusts slider pagination color and slideshow "Next" & "Prev" buttons color.

Quote Settings

Under General Settings can be adjusted widget visibility, title, and loading effect.

Under Cover Gradient Settings can be selected gradient left and right colors.

Under Widget Styling Settings can be selected colors for:

• icon background;
• quote icon;
• quote text;
• quote owner title.

Link Settings

Under General Settings can be adjusted widget visibility, title, and loading effect.

Under Widget Styling Settings can be selected colors for:

• icon background;
• link icon;
• link description;
• link itself.

Video Settings

Under General Settings can be adjusted widget visibility, title, and loading effect.

Under Widget Styling Settings can be selected colors for video title and description.

Instagram Settings

Under General Settings can be adjusted widget visibility, title, loading effect, and the maximum number of allowed photos.

Under Widget Visibility Settings can be adjusted visibility for photo title, link button, zoom button.

Under Widget Styling Settings can be selected colors for:

• icon background;
• icon text;
• icon hover background;
• icon text hover.

Under Instagram App Settings you can enter the application id and secret key.

HOW TO GET INSTAGRAM KEYS?
 
Note: You should submit your application for review and it should be approved to make your website users able to use the Instagram widget.

1. Go to https://www.instagram.com/developer/clients/manage/
2. Create a new application by clicking "Register new Client".
3. Fill out any required fields such as the application name and description.
4. Put the below URL as OAuth redirect_uri Authorized Redirect URLs:
5. Redirect Url: https://wordpress-121439-1106358.cloudwaysapps.com/?action=yz_account_connect&provider=Instagram
6. Once you have registered, copy the created application credentials ( Client ID and Secret ).

Media Settings

Under General Media Settings can be adjusted:

• visibility of widget title;
• widget title;
• widget loading effect;
• media filters (you can change the order of filters or remove some; the names of the allowed filters are photos, videos, audios, files);
• the number of media photos;
• the number of media videos;
• the number of media audios;
• the number of media files.

Flickr Settings

Under General Settings can be adjusted widget visibility, title, loading effect, and the maximum allowed number of photos.

Under Widget Styling Settings can be selected colors for zoom icon hover and hover background.

User Balance Settings

For activating the User Balance widget you need to install the MyCRED Plugin.

User Badges Settings

For activating the User Balance widget you need to install the MyCRED Plugin and MyCRED Badges Extension.

Friends Settings

Under General Settings can be adjusted:

• visibility of widget title;
• widget title;
• widget layout;
• widget loading effect;
• the maximum number of friends to display.

Under Friends Avatar Border Style can be selected avatar border according to the following options.

Groups Settings

Under General Settings can be adjusted:

• visibility of widget title;
• the name of widget title;
• widget layout;
• widget loading effect;
• the maximum number of groups to display.

Under Groups Avatar Border Style can be selected avatar border according to the following options.

Reviews Settings

Under General Settings can be adjusted:

• visibility of widget title;
• the name of widget title;
• widget loading effect;
• the maximum number of reviews to display.

Info Boxes Settings

Under Info Boxes Settings you can select the box field, loading effect, and gradient background color for:

• email;
• address styling;
• website styling;
• phone number.

User Tags Settings

Under General Settings you can adjust

• the visibility of slideshow title;
• user tags widget title;
• loading effect;
• the visibility of user tags icon;
• the visibility of user tags description;
• tags border style.

Under User Tags Styling Settings can be selected colors for the following.

Recent Posts Settings

Under General Settings can be adjusted widget title, loading effect, title visibility and the maximum allowed posts number.

You can choose one of the Posts Thumbnail Border Styles from the following.

Under Widget Styling Settings can be selected colors for the post title and the post date.

Social Networks Settings

Under General Settings you can adjust the visibility of the widget title, change the widget title, and set the loading effect.

Under Networks Styling Settings you can select:

• icons size;
• background type;
• networks border style.

Custom Widgets Settings

Under Custom Widgets Settings Tab you can add a new widget.

To create a new widget you need:

• select widget icon;
• add widget title;
• able/disable showing widget title;
• adjust displaying widget padding;
• adjust widget content (paste your shortcode or any HTML code)

All the custom widgets created will be added automatically to the bottom of the profile sidebar to change their placement or control their visibility go to Youzify Panel > Profile Settings > Profile Structure.

Link to full documentation https://kainelabs.ticksy.com/articles/