Embedded links to external assets not working

This section is for posting questions which are not directly related to WYSIWYG Web Builder.
Examples of off topics: web server configuration, hosting, programming related questions, third party scripts.

Note that these questions will generally not be answered by the administrators of this forum.
Post Reply
Fredl
 
 
Posts: 112
Joined: Tue Feb 21, 2017 10:15 pm

Embedded links to external assets not working

Post by Fredl »

Hello all,
I am trying to integrate a scheduling script on an external server to a site I've been working on but I'm not having any success. I have managed to make many external assets work with WB designed sites in the past, but for some reason that is eluding me I'm having difficulty with this one. The code snippet is generated by the vendor, Demandforce. The instructions say to put a bit of code in the <head> section and to put the code for the scheduler button, which is an external asset, in the body. I have done so but the button always looks like a broken link in preview no matter what I pick in the html "type", and the pop-up that it is supposed to load is blank, instead of having the proper contact/etc fields to fill in.
Below are the snippets to embed the script: ****DF help said only embed tile snippet in body**** (I have removed the customer ID # here)

Easy Scheduler widget
embed in <HEAD/>

<link type="text/css" rel="stylesheet" href="//www.demandforced3.com/d3cp/css/widget.css" />

Embed in <BODY/>

<script type="text/javascript">
d3cp_bid = 'customerID#'; // Account ID in Business Portal
d3cp_appt_source = 'mrswoodyjrsauto.com/about'; //Optional. See Instructions.
//d3cp_appt_returnpage = 'your_page_url'; //Optional. See Instructions.
</script>
<script src="//local.demandforce.com/b/mrswoodyjrs/scheduler.widget" type="text/javascript"></script>


Easy Scheduler Tile (small)
embed in <BODY/>
<img src="//auto.demandforce.com/images/logos/bttn/bttn_easyscheduler120.png" style="cursor: pointer;" name="scheduler_tile" id="scheduler_tile_s" onclick="javascript:window.open('//local.demandforce.com/b/mrswoodyjrs/schedule?widget=1','newwindow', 'width=790px, top=0, left=0, toolbar=no, menubar=no, scrollbars=1, resizable=1, location=no, status=0');" />

How should I be embedding this Easy Scheduler Tile, I have added the <head/> code between <head> tags and added an html element in a grid and pasted the Easy Sceduler Tile code in it, but when I preview it it never loads correctly, either showing a broken link or nothing at all.

here is a link to their instructions, I spoke to a DF rep for help and she told me to place the code in the head and only one of the other snippets in the body, I'm trying to use the Tile. https://demandforcehelpcenter.force.com ... elayState=

Any help would be much appreciated, I have the rest of the site done and want to finish this project and move on.
Thanks!
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Embedded links to external assets not working

Post by crispy68 »

Your thinking is correct. The stylesheet (css) should be placed between the <head> tags and the body code should be place in the body tag.

It is very possible that the code you are entering will not render in preview and may need to be on a server. Have you tried uploading the page to your server to see if you get any different results?
Fredl
 
 
Posts: 112
Joined: Tue Feb 21, 2017 10:15 pm

Re: Embedded links to external assets not working

Post by Fredl »

crispy68 wrote: Tue Aug 02, 2022 12:33 am Your thinking is correct. The stylesheet (css) should be placed between the <head> tags and the body code should be place in the body tag.

It is very possible that the code you are entering will not render in preview and may need to be on a server. Have you tried uploading the page to your server to see if you get any different results?
I will try today, I'm perhaps too hesitant to go live with a potentially broken site. Thanks Pablo.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Embedded links to external assets not working

Post by crispy68 »

You don't have to make it live to everyone. Simply create another folder in your root directory (ex: demo) and upload all the files to this folder. Then you can visit www.mywebsite.com/demo to view your site. Nobody else will see it.
Post Reply