Facebook share buttons

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Locked
Most Evilest
 
 
Posts: 3
Joined: Tue May 16, 2023 11:12 am

Facebook share buttons

Post by Most Evilest »

Hello everyone,

I'm still learning the ropes when it comes to web building and have started adding blogs to my website to generate more traffic. The only problem is I can't seem to figure out how to add in the Facebook, twitter, insta, ect share buttons. I've tried imputing the code manually, that doesn't work, as well as trying to use the Ready to use java script. And while I can get the Facebook share icon to come up and working, The twitter one doesn't show up. Also, they will only stake on top of each other rather than horizontal in the program.

Are their any online tutorials or explanation I can use for this? I am at my wits end with this. Thanks in advance.
User avatar
Pablo
 
Posts: 23334
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Facebook share buttons

Post by Pablo »

Did you publish the page?
Because Facebook and Twitter scripts only work online.

If you need further assistance then please share a link so we can see what you have done.
User avatar
wwonderfull
 
 
Posts: 1579
Joined: Fri Aug 21, 2020 8:27 am
Contact:

Re: Facebook share buttons

Post by wwonderfull »

For facebook share button Put this code in an HTML object you can find from toolbox

Code: Select all

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- Your share button code -->
<div class="fb-share-button" 
data-href="https://www.your-domain.com/your-page.html" 
data-layout="button_count">
</div>
NOTE: You must change https://www.your-domain.com/your-page.html by using the URL of the webpage you would want to share from your website.
Most Evilest
 
 
Posts: 3
Joined: Tue May 16, 2023 11:12 am

Re: Facebook share buttons

Post by Most Evilest »

Yeah, I have the site published at this time. http//www.mostevileststudios.com

but they currently without the links since i couldn't get them to work. also, how do I edit the preview section of the ready to use?
User avatar
Pablo
 
Posts: 23334
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Facebook share buttons

Post by Pablo »

If you need help with the Facebook scripts then please include them on the page otherwise cannot see what is wrong.

You cannot edit the 'preview' section.

Also, note that version 15 is no longer supported.
Most Evilest
 
 
Posts: 3
Joined: Tue May 16, 2023 11:12 am

Re: Facebook share buttons

Post by Most Evilest »

I'm aware that it's not supported anymore. That's why I asked if their were any articles or videos about how to set it up.

Also, I've not added them because as I said originally, I can't find a way to even set them up.
User avatar
BaconFries
 
 
Posts: 5914
Joined: Thu Aug 16, 2007 7:32 pm

Re: Facebook share buttons

Post by BaconFries »

Are their any online tutorials or explanation I can use for this? I am at my wits end with this. Thanks in advance.
Have you tried "Google. The FB developers page tells you exactly how to use/add to the page. To add any of the social media scripts found in Ready-to-use-JavaScript it as simple as dragging them to the page and place where you wish. If the are over lapping then there may be other script/code causing a conflict this is why we ask for a url/link to page with them providing one without doesn't help!.
That's why I asked if their were any articles or videos about how to set it up.
As previously have you tried "Google. Also did you read wwonderfull reply about adding the code/script he provided to a HTML Object?
Locked