How to add Instagram Widget

Hi,

How do I add a footer and or side bar with my Instagram pictures displayed? I have tried to activate the Activello Widget without any success. I have also activated one of the instagram plugins but it won´t show with the Activello theme.

Thank you in advance!

Hi @blogbynoelle,

I hope you are well today and thanks for posting here.

To use activello instagram Widget, please make sure you have got the valid client id as described on the following page and please share the client ID that you are trying to use so that i can test it.

http://valvepress.com/how-to-get-instagram-client-id-to-post-using-wordpress-automatic/

You will find information about instagram tags and how to use it on the following pages. The Tag Name is an optional and if you don’t specify any one then the default is ‘awesome’.

https://help.instagram.com/174635396025538
https://instagram.com/developer/endpoints/tags/

The limit specifies how many instagram images you want to retrieve and display. It’s the optional setting and if you don’t specify any then the default one is 6.

Best Regards,
Movin

Hi,

My client ID is:dae3fd43c493426182d0621a05acd7fc

Where would I enter the Client ID when activating the activello widget?

Thank you for the quick reply!

Hi @blogbynoelle,

You should add that client ID in the activello instagram Widget option “Client ID” as shown in the attached screenshot.

Regards,
Movin

It is not working :frowning:
http://damianchlanda.com/

Hi @rubens,

We have decided to use 3rd party solution which turned out to be much more reliable and easier to use so we are going to remove it from future versions of theme and recommends you not to use it. Instead please use the solution from http://snapwidget.com/

Best Regards,
Movin

Hi,

I have tried both options but none works… :frowning:

Hi @blogbynoelle,

Could you please tell me how you have used the widget from the site http://snapwidget.com/ and please share me your site URL where you are using it so that i can troubleshoot it?

Regards,
Movin

test

Hi,

I added it here: see attached

URL is http://blogbynoelle.co.uk

thanks!

Hi @blogbynoelle,

From your shared screenshot it seems you have added the SnapWidget iframe code in your theme style.css file which is wrong. You should instead add the provided iframe code in the text widget as shown in the attached screenshot.

Best Regards,
Movin

Amazing, thank you very much. I appreciate the quick response!

One last question, am I able to change the font at all? I’d like for the side bar font to be normal and same font as the text and not all in caps.

Hi @blogbynoelle,

You are most welcome here :slight_smile:

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

#secondary .widget > h3.widget-title {
    font-family: Lora, serif;
    text-transform: none;
}

Best Regards,
Movin

Hi @Movin,

First of all, thank you for the Activello theme and your prompt and detail responses to users, I learned to modify the theme just by reading your answers to them. :slight_smile:

Anyway, is there by any chance we can use the instagram widget and link it to Instagram Official Website instead of snapwidget, if currently we cannot do that, do you have any plan to fix that and include it in the next update?

Appreciate your response as usual. Thanks beforehand.

Rgds,
Anakin

Hi Anakin,

The code generated by snapwidget fetches the images from Instagram as following.

https://scontent.cdninstagram.com/hphotos-xpa1/t51.2885-15/s150x150/e35/10946398_1508278022800427_1015115259_n.jpg

The snapwidget is just the tool to create a instagram widget code so please tell me what you meant by " is there by any chance we can use the instagram widget and link it to Instagram Official Website instead of snapwidget".

Regards,
Movin

Hi Movin,

Thanks for the reply.

What I meant is, currently when user click the image thumbnail, it will create a new tab window with address: http://snapwidget.com/v/1154467917122633158, what I want is the address should like: http://instagram.com/p/1154467917122633158. So the user can easily look at my Instagram account with other images and comments from my followers.

Rgds
Anakin

Hi Anakin,

I understood your question now and to resolve this issue you can try using other Instagram widget generator tools like following.

http://instansive.com/
http://websta.me/tools
http://www.intagme.com/
http://www.tintup.com/blog/the-best-instagram-widget/

Best Regards,
Movin

Hi Movin,

Thank you, will try that.

Rgds
Anakin

Hi Movin,
I’m having a similar issue. I have just registered for an Instagram Client ID, and have correctly inserted in on the Client ID field, but nothing happens, I still can’t see my instagram photos on my Activello blog.

My Instagram client ID is 8ad927a131ab4b60b7046de21d03ad9b

Is it working properly now?

Many thanks! :slight_smile:

Hi @pandora,

Please see the answer provided previously in the following reply.

https://colorlib.com/wp/forums/topic/how-to-add-instagram-widget/#post-38986

Regards,
Movin