data-url attribute on image to return user to a new page

  • Hi! I’m running a fundraiser and I want people to go to this page (https://www.reefcares.org/fundraising-toolkit/), click one of the fundraising images, and have it post to Facebook.

    THIS part works.

    When someone clicks on it on Facebook, the user is taken back to the original page (https://www.reefcares.org/fundraising-toolkit/).

    I want them to be taken to the https://www.reefcares.org/donate page.

    I’ve read all the documentation I can find. I’ve tried and tried to use it. I cannot figure it out.

    Where is the DATA-URL ATTRIBUTE set? I have 100 images that need to go on that page, just for some context.

    Where do I put this??

    img src=”images/your-cool-image.jpg” / (had to remove the bracket so it didn’t mess up the post here – looked like a broken image before I edited this)

    Details from help page (https://share-this-image.com/guide/customize-content/) below.

    ————
    ————
    ————

    Customize Link
    By default plugin will share link to the page where your shared image is located. But you can simply change this.

    All what is need to be done is to specify data-url attribute with link that you want to be shared.

    URL source

    So at first plugin looks for data-url attribute and only if it is empty or doesn’t exists plugin use current page url as shared link.

    In the example below user will share desired image but when someone clicks on it in the social network he will be redirected to the https://your-link.com page.

    `

    • This topic was modified 3 years, 8 months ago by reefcares.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter reefcares

    (@reefcares)

    Please please please… it says “This topic is marked as spam.”

    This is most definitely NOT spam. I need some real help. Thanks!

    Plugin Author ILLID

    (@mihail-barinov)

    Hello,

    Well what you need to do is to modify the image markup like

    <img class="vc_single_image-img " src="https://www.reefcares.org/wp-content/uploads/2021/02/Slide4-200x200.png" width="200" height="200" alt="Help give free human trafficking prevention courses to deserving students." title="Spread the word about the 2021 Open Hearts Challenge!">

    to

    <img data-url="https://www.reefcares.org/donate" class="vc_single_image-img" src="https://www.reefcares.org/wp-content/uploads/2021/02/Slide4-200x200.png" width="200" height="200" alt="Help give free human trafficking prevention courses to deserving students." title="Spread the word about the 2021 Open Hearts Challenge!">

    Also, if you are using PRO plugin version, you can set this URL right from the plugin settings page. But in this case this URL redirect will works for all images of your site.

    Regards

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘data-url attribute on image to return user to a new page’ is closed to new replies.