Widget not showing up

SOLVE
CPalomino
Participant

Hi, 

I'm having trouble loading a widget on a landing page. It won't show up in the editor at all. If I adjust the height, it will eventually show up after a couple of tries but in the preview only. Then when I try to add another widget at the bottom of the page, it won't show up at all. It will also at times mess with the widget at the top of the page. 

 

http://vid.us/q3w0pt

 

 

0 Upvotes
2 Accepted solutions

Accepted Solutions
dennisedson
Solution
Community Manager

Thanks @CPalomino !

I am almost scared to ask what that script does. 😬

Instead of using the embed function that you used, what if you insert this in the html of the rich text editor?

So, click the advanced, then source code and paste in there. 

Edit_Page___template.png

Thanks,

Dennis




Check out our Community Developer Blog
where we feature our Community driven developer podcast and how to content

View solution in original post

0 Upvotes
dennisedson
Solution
Community Manager

OK @CPalomino ,

I see the issue.  In that script, it is looking for the id of the div.  In the code you provided, that is

<div id="homebot_homeowner">

and if you look near the end of the script, you will see it being referenced like this

Homebot('#homebot_homeowner', 'f195bf2798ba55f9828f0a4b06d73b9e3a91139a364c0c48',

If you add it in a second place, you will need to change that id.  It can be as simple as adding a 1 to the end of it 😁

I tested here

This is the code I used for the second one

<div id="homebot_homeowner1">&nbsp;</div>
<script> (function (h,b) { var w = window, d = document, s = 'script', x, y; w['__hb_namespace'] = h; w[h] = w[h] || function () { (w[h].q=w[h].q||[]).push(arguments) }; y = d.createElement(s); x = d.getElementsByTagName(s)[0]; y.async = 1; y.src=b; x.parentNode.insertBefore(y,x) })('Homebot','https://embed.homebotapp.com/lgw/v1/widget.js'); Homebot('#homebot_homeowner1', 'f195bf2798ba55f9828f0a4b06d73b9e3a91139a364c0c48', {'theme':'dark-mode-theme'}) </script>

 Please note, that I did not use the embed option!  I used the html view of the rich text editor as I referenced earlier

Thanks,

Dennis




Check out our Community Developer Blog
where we feature our Community driven developer podcast and how to content

View solution in original post

6 Replies 6
dennisedson
Community Manager

Hello @CPalomino 

Thanks for the video!  Great way of illustrating the issue.

Could you also do a couple extra steps?

  • Could you send a preview link to a page with that module? (make sure the link does not start with app)
  • Could you post the code of that module using the html insert tool, </>. 

@jonchim , @daveroma , @JanetArmstrong once we have some code to look at, could you all lend a hand here 🙏

Thanks,

Dennis




Check out our Community Developer Blog
where we feature our Community driven developer podcast and how to content
CPalomino
Participant

Hello @dennisedson 

Thank you!

 

I have two landing page variations, both having the same issue:

 

http://palominolending.hubspotpagebuilder.com/-temporary-slug-5b504267-a3f8-42fc-9228-2ecc16cf5c93?h...

 

http://palominolending.hubspotpagebuilder.com/-temporary-slug-391d1d88-e479-4a77-9def-681c71272aac?h...

 

<div id="homebot_homeowner"></div> <script> (function (h,b) { var w = window, d = document, s = 'script', x, y; w['__hb_namespace'] = h; w[h] = w[h] || function () { (w[h].q=w[h].q||[]).push(arguments) }; y = d.createElement(s); x = d.getElementsByTagName(s)[0]; y.async = 1; y.src=b; x.parentNode.insertBefore(y,x) })('Homebot','https://embed.homebotapp.com/lgw/v1/widget.js'); Homebot('#homebot_homeowner', 'f195bf2798ba55f9828f0a4b06d73b9e3a91139a364c0c48', {'theme':'dark-mode-theme'}) </script>

 

 

0 Upvotes
dennisedson
Solution
Community Manager

Thanks @CPalomino !

I am almost scared to ask what that script does. 😬

Instead of using the embed function that you used, what if you insert this in the html of the rich text editor?

So, click the advanced, then source code and paste in there. 

Edit_Page___template.png

Thanks,

Dennis




Check out our Community Developer Blog
where we feature our Community driven developer podcast and how to content

View solution in original post

0 Upvotes
CPalomino
Participant

Thank you @dennisedson !

I'm not a developer but yes that looks intense 😅 I'm copying straight from another service I use, they provide the widget code. 

It's working for the top of the page but not for the bottom for some reason. 

 

http://m.bixel1.net/8evlqd

 

0 Upvotes
dennisedson
Solution
Community Manager

OK @CPalomino ,

I see the issue.  In that script, it is looking for the id of the div.  In the code you provided, that is

<div id="homebot_homeowner">

and if you look near the end of the script, you will see it being referenced like this

Homebot('#homebot_homeowner', 'f195bf2798ba55f9828f0a4b06d73b9e3a91139a364c0c48',

If you add it in a second place, you will need to change that id.  It can be as simple as adding a 1 to the end of it 😁

I tested here

This is the code I used for the second one

<div id="homebot_homeowner1">&nbsp;</div>
<script> (function (h,b) { var w = window, d = document, s = 'script', x, y; w['__hb_namespace'] = h; w[h] = w[h] || function () { (w[h].q=w[h].q||[]).push(arguments) }; y = d.createElement(s); x = d.getElementsByTagName(s)[0]; y.async = 1; y.src=b; x.parentNode.insertBefore(y,x) })('Homebot','https://embed.homebotapp.com/lgw/v1/widget.js'); Homebot('#homebot_homeowner1', 'f195bf2798ba55f9828f0a4b06d73b9e3a91139a364c0c48', {'theme':'dark-mode-theme'}) </script>

 Please note, that I did not use the embed option!  I used the html view of the rich text editor as I referenced earlier

Thanks,

Dennis




Check out our Community Developer Blog
where we feature our Community driven developer podcast and how to content

View solution in original post

CPalomino
Participant

It works! Thank you @dennisedson !!! 🙂