Responsive Templates: Integrate with Vimeo, Instagram, WordPress or Tumblr

Our responsive templates allow you to pull in feeds from Vimeo, Instagram, WordPress.org or Tumblr to keep each site visitor's experience consistent (i.e., they never have to leave your site to see this extra content). Learn how to integrate with any (or all!) of these services below.

 

Vimeo

You may display and play videos directly on your site via our Vimeo integration. To do this, just click the blue pencil icon that sits atop your site’s navigation. By default, you will see you have a “hidden” navigation item, a page labeled "Video." 

hidden_nav_items_FAQ.png

  

Drag the Video page into the list with the rest of your nav items so that it appears in your live site’s navigation, and make sure to save. Then just click on the page as you see it live on your site. There you will find a pencil icon which will allow you to input your Vimeo user ID.  We will display all videos in that particular channel, in a grid format, on your video page. 

vimeo_username.png

  

Please note: If you have integrated with Vimeo but you are unable to play your videos, it may be because you have a Vimeo "Plus" account, which restricts embedding to certain domains. To remedy this, you should add your PhotoShelter site's domain to the list of permitted domains in your Vimeo account. Just click the gear icon next to the video inside your Vimeo account, and choose "Privacy." There you'll find the setting titled "Where can this video be embedded?" You will want to select "Only on sites I choose". In the field provided, we recommend adding both your CNAMEd URL (if you are using a CNAME for your PhotoShelter site), as well as your "YOURLABEL.photoshelter.com" URL.  

 

Blog

 

If you have a blog with either WordPress or Tumblr, you may pull that content directly into your portfolio site’s design via our direct integration. To do this, just click the blue pencil icon that sits atop your site’s navigation. By default, you will see you have a “hidden” navigation item, a page labeled "Blog." 

hidden_nav_items_FAQ.png

 

Drag the Blog page into the list with the rest of your nav items so that it appears in your site’s navigation, and make sure to save. Then just click on the page as you see it live on your site. There you will find a pencil icon which will allow you to input your blog’s URL. Please note that the URL you enter here must not have anything appended on the end of it (i.e., you will need to provide the URL to your blog’s homepage, and not to a particular post or page within the blog).

blog_username_FAQ.png

 

A few additional notes for WordPress users: 

  • You must be using a WordPress.org blog in order for this to work. We cannot pull in content from a WordPress.com blog at this time. This is because WordPress.com does not allow for plugins (see next bullet). 

  • Version 1.5 or later of the PhotoShelter Plugin for WordPress is also required.

  • If your feed is not being pulled in after you have provided your URL, you may have one or more WordPress plugins running you will need to disable. Unsupported plugins may include:

    • Cache plugins: W3 Total Cache, WP Super Cache, etc.

      • If running the WP Super Cache plugin, please consult this article for full instructions on how to properly disable and remove. 
    • Feed plugins (anything that redirects your feed to a third party): FeedBurner, etc.

  • If you are not seeing the full content of each individual post once the feed has come through, please check the following:

    • From your WordPress dashboard, click Settings -> Reading. Locate the For each article in a feed, show [Full text] or [Summary] option, and make sure “Full Text” is selected.

  • If you are not seeing all of your posts once the feed has come through (i.e., if the Next and Previous links are not displaying, hindering you from clicking through to the next page of posts), please check the following:

    • From your WordPress dashboard, click Settings -> Reading. Locate the Blog pages show at most [X] posts option. This may be set to 10 by default, but you may change it to a much greater number to ensure all of your posts will be properly fed through your PhotoShelter site. 

 

Instagram

Similar to our Vimeo and blog integrations, you may pull your Instagram feed directly into your PhotoShelter site via our Instagram integration. Just click the blue pencil icon that sits atop your site’s navigation. By default, you will see you have a “hidden” navigation item, a page labeled “Instagram.” 

hidden_nav_items_FAQ.png

 

Drag the Instagram page into the list with the rest of your nav items so that it appears in your site’s navigation, and make sure to save. Then just click on the page as you see it live on your site. There you will find a pencil icon which will allow you to “authorize” with Instagram by providing your Instagram username and password. Once your feed has come through, you may also choose whether or not you wish to display the number of likes for each image. 

instagram_auth_FAQ.png

  

Still have questions? Contact us.

Comments

Powered by Zendesk