Hubspot CTA Embed issues after CookieBot added to site
SOLVE
Hello all,
I'm running into an issue with Hubspot CTA embeds on my Wordpress site not displaying responsively after installing CookieBot. Some details:
Hubspot tracking code is installed manually
CookieBot is installed via plugin
On mobile, the CTA banners are appearing as their desktop versions, but are squeezed to fit the mobile screen size. After a test, I determined that clearing my browser cookies and reaccepting cookies on the site then triggers the banner to display responsively.
As HubSpot's CTA is based on JavaScript, CookieBot may have interfered with certain functionalities. You can try to enable or disable CookieBot's features to determine which setting is causing the issues.
Best regards, Abraham ErnestoFound this answer helpful? Marking it as the solution helps both the community and me - thanks in advance!
As HubSpot's CTA is based on JavaScript, CookieBot may have interfered with certain functionalities. You can try to enable or disable CookieBot's features to determine which setting is causing the issues.
Best regards, Abraham ErnestoFound this answer helpful? Marking it as the solution helps both the community and me - thanks in advance!
Hubspot CTA Embed issues after CookieBot added to site
SOLVE
Can you post a link to the page in question? Often seeing the code in these instances will help us to understand what could potentially be causing the issue. Also, if you are saying that the Hubspot script is loading differently when Cookiebot is not loading vs. when it is, you may want to also open support tickets with Hubspot and Cookiebot to make them aware of the issue as they may be able to look into it as well.
Hubspot CTA Embed issues after CookieBot added to site
SOLVE
Hi thanks for your reply! I have set up this page populated with our Hubspot embeds for testing purposes: https://www.avoxi.com/test-hubspot-cta-embeds/ Also, below is an example of what I'm seeing on mobile.
Thanks so much for your willingness to help on this issue.
Hi thanks for your reply! I have set up this page populated with our Hubspot embeds for testing purposes: https://www.avoxi.com/test-hubspot-cta-embeds/ Also, below is an example of what I'm seeing on mobile.
Thanks so much for your willingness to help on this issue.
The images changing like that shouldn't have anything to do with cookiebot. The CSS on those images is set to object-fit: fill; height: 100%; width: 100%; . Your image is wider and taller than the specified area in a skyscraper mobile landscape. So the image with those attributes is being squeezed to fit the area and is becoming distorted as a result.
Is this a paid or downloaded template from the marketplace or something custom? If from the marketplace you can try reaching out to the vendor who produced the template to see if they have a workaround or to make them aware of the issue. If this is a custom template, you may need to dive back in to make edits so that either you serve up a substitute image on mobile, or you change the CSS attributes (or image dimensions that you upload) to not distort the image on mobile.