Page 1 of 1

How to change URL image when you share your store

Posted: Mon Jan 18, 2016 6:34 am
by fokz8
Hello.

I know this is probably an easy answer to this question, but i just simply can't find it.

When i share my store on facebook, this is the image of the store that get's displayed

Image

How do i change this image to image that i want?

Thank you very much!

PS:

Already tried changing pictures under:

System-settings-store edit-general(image)
System-settings-store edit-image(store logo,icon)

Re: How to change URL image when you share your store

Posted: Fri Feb 10, 2017 6:49 pm
by DonHermes
HereĀ“s what I did as a work-a-round solution to get the site logo visible in sharing my site on facebook.

1. Create/ choose the image you wish to show (optimal minimum size: 470x246)
2. Upload the image to https://postimage.io/ and copy the DIRECT LINK
3. Edit header.tpl in "catalog --> view --> theme --> (your theme) --> template --> common"- folder
4. Insert this code to the top of the file:

Code: Select all

<meta property="og:image" content="https://your-permalink-here" />
5. Save file & Upload back to the server. (Replacing the old one)
6. Open facebook debugger tool: https://developers.facebook.com/tools/debug/sharing/
7. Input your website url in the sharing debugger
8. Now as it loads the result, the old image you are trying to replace probably pops up again, but now click on the "SCRAPE"- button so many times, that you see your new image in preview.
9. Done, congratulations!

I hope this helps somebody, I did quite a struggle myself to get this working. O0

Re: How to change URL image when you share your store

Posted: Sat Feb 11, 2017 2:18 am
by agatha65