CMS Development

CPalomino
Participant

Widget not showing up

SOLVE

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
dennisedson
Solution
HubSpot Product Team
HubSpot Product Team

Widget not showing up

SOLVE

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

View solution in original post

0 Upvotes
dennisedson
Solution
HubSpot Product Team
HubSpot Product Team

Widget not showing up

SOLVE

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

View solution in original post

7 Replies 7
dennisedson
HubSpot Product Team
HubSpot Product Team

Widget not showing up

SOLVE

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 🙏

CPalomino
Participant

Widget not showing up

SOLVE

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
HubSpot Product Team
HubSpot Product Team

Widget not showing up

SOLVE

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

0 Upvotes
CPalomino
Participant

Widget not showing up

SOLVE

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
HubSpot Product Team
HubSpot Product Team

Widget not showing up

SOLVE

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

M365
Member

Widget not showing up

SOLVE

Hola, sabes cómo puedo moverm de posicion el widget de mi chatbot en mis pagina web?

0 Upvotes
CPalomino
Participant

Widget not showing up

SOLVE

It works! Thank you @dennisedson !!! 🙂