Advanced Social Media Integration

ProPhoto provides a number of built-in, one-click options for integrating your social media sites with your blogsite. Creative use of other ProPhoto option areas provides further integration options.

Bio area

Many people like to have their bio area display normally (not as slide down content from the menu) and use that area to display links to galleries, recent posts or social media. Set your bio area to display on your desired page type in “ProPhoto” > “Customize” > “Bio Area”.  Or You can also enable/disable it for specific posts/pages using the ProPhoto page options. You can create links via a ProPhoto custom icon widget.

ProPhoto custom icon widget

To upload your image for use in a widget:

  1. Go to “ProPhoto” > “Customize” > “Site Settings” > “Widget Images” and upload your image. If you are linking to a social media site, this will generally be either a text image or a social media icon of some sort. There are a host of free social media icon images available online, or you can create your own.  Alternatively, you can create your icon as a ProPhoto “Button.”
  2. Then go to “Appearance” > “Widgets”
  3. Drag a ProPhoto custom icon widget to the location where you want it to appear. We recommend using the bio area columns as they line up nicely.
  4. Select your desired image or button from the numbered dropdown and then paste your link

This example is from the “Sofia” design

Here is an example of social linking in the bio area in the “Airielle” design

Secondary Nav Menu

The secondary nav menu can be used to great effect as a place to link to social media sites by way of customized image icons.  To use this method:

  1. Create your images or buttons at the size at which you want them to display. They won’t be downsized to fit in the menu.
  2. Go to “ProPhoto” > “Customize” > “Menus” > “Secondary Navigation Menu” and create the number of new menu items that you need.
  3. For each menu item click the edit gear icon
  4. In the “Link Details tab” select “Directly Entered URL” name the link (this will not show up later) and enter your url.
  5. In the “Link Display” tab select whether you want just the icon or image with your link text. Then click “set image” to choose your image or button. Then you can upload a new image, select a previously uploaded image or a ProPhoto Button you created.

Setting image for menu linkSocial image in menu

The “Metropolitan” design uses the Sec Nav to upload a very pretty row of social icons.

Vertical Nav Menu Widget

More and more people are using vertical menus to give their sites a unique look.  You can link to social media sites here using the same process as described above for the Secondary Navigation Menu.  Go to “ProPhoto” > “Customize” > “Menus” > “Vertical Nav. Menu #1” and follow the same steps.

The “Stella” design uses a vertical nav menu in the bio area for special link types

Uploading a custom icon is entirely optional.  You can just have text serve as your link.

Other Widget areas

The same process applies for creating custom social media links in the footer, sliding sidebar drawers and fixed sidebar areas. Simply drag the text or custom icon widget that links to your social sites to a specific widgetized area.  Click the link below for a detailed explanation.

Call to Action Area

These are simple text based call to action links but icons can be used, as well.

These are simple text based call to action links but icons can be used, as well.


ProPhoto provides a number of built-in, one-click options for integrating your social media sites with your blogsite. Creative use of other ProPhoto option areas provides further integration options.

Bio area

Many people like to have their bio area display normally (not as slide down content from the menu) and use that area to display links to galleries, recent posts or social media. Set your bio area to display on your desired page type in “ProPhoto” > “Customize” > “Bio Area”. You can create links via a ProPhoto custom icon widget.

ProPhoto custom icon widget

To upload your image for use in a widget:

  1. Go to “ProPhoto” > “Customize” > “Site Settings” > “Widget Images” and upload your image. If you are linking to a social media site, this will generally be either a text image or a social media icon of some sort. There are a host of free social media icon images available online, or you can create your own.
  2. Then go to “Appearance” > “Widgets”
  3. Drag a ProPhoto custom icon widget to the location where you want it to appear. We recommend using the bio area columns as they line up nicely.
  4. Select your desired image from the numbered dropdown and then paste your link

This example is from the “Sofia” design

Here is an example of social linking in the bio area in the “Airielle” design

Vertical Nav Menu Widget

More and more people are using vertical menus to give their sites a unique look.  You can link to social media sites here using the same process described below for the Secondary Navigation Menu.  Go to “ProPhoto” > “Customize” > “Menus” > “Vertical Nav. Menu #1” and follow the same steps.

The “Stella” design uses a vertical nav menu in the bio area for special link types

Uploading a custom icon or creating a button is entirely optional.  You can just have text serve as your link.

Other Widget areas

The same process applies for creating custom social media links in the footer, sliding sidebar drawers and fixed sidebar areas. Simply drag the text or custom icon widget that links to your social sites to a specific widgetized area.  Click the link below for a detailed explanation.

Secondary Nav Menu

The secondary nav menu can be used to great effect as a place to link to social media sites by way of customized image icons.  To use this method:

  1. Go to “ProPhoto” > “Customize” > “Menus” > “Secondary Navigation Menu” and create the number of new menu items that you need.
  2. For each menu item click the edit gear icon
  3. In the “Link Details tab” select “Directly Entered URL” name the link (this will not show up later) and enter your url.
  4. In the “Link Display” tab select whether you want just the image or image with your link text and then upload your image.

The “Metropolitan” design uses the Sec Nav to upload a very pretty row of social icons.

Call to Action Area

These are simple text based call to action links but icons can be used, as well.

These are simple text based call to action links but icons can be used, as well.

If you’ve searched the tutorials and can't find what you need, please contact us. We’re here to help. Contact Us