A community member is trying to use the Vanta.js library to create a background effect, but it's not working. Other community members suggest using HTML embedding and checking the CDN link. The community member shares the embed code, and another community member confirms it's working on their demo site. The issue is resolved when the community member turns on the "Client Only" flag in the HTML embed.
ohhhhhhhhhhhhh. So I need to turn on the "Client Only" flag. Now it's working! Wow! Thank you so much @rahul_nambiar91 !
Add a reply
Sign up and join the conversation on Discord
","dateCreated":"2024-09-17T07:47:12.325Z","dateModified":"2024-09-17T07:47:12.325Z","author":{"@type":"Person","url":"https://help.webstudio.is/members/c7b42a07-ada0-4af7-a016-26063ee3bcdf","name":"Jeejay","identifier":"c7b42a07-ada0-4af7-a016-26063ee3bcdf","image":"https://cdn.discordapp.com/avatars/762999303689732127/55ae63eddda66f682cafa6844530039a.webp?size=256"},"commentCount":0,"comment":[],"position":6,"upvoteCount":0},{"@type":"Comment","text":"It seems to be working fine. I just created a demo link with your code - https://test-1tzw5.wstd.io/","dateCreated":"2024-09-17T08:47:11.496Z","dateModified":"2024-09-17T08:47:11.496Z","author":{"@type":"Person","url":"https://help.webstudio.is/members/0a61bf4f-969f-48b2-b809-fbe22a332ea0","name":"rahul_nambiar91","identifier":"0a61bf4f-969f-48b2-b809-fbe22a332ea0","image":"https://cdn.discordapp.com/embed/avatars/5.png"},"commentCount":0,"comment":[],"position":7,"upvoteCount":0},{"@type":"Comment","text":"Can you check the following:1) In the div (box) you want this code, have you added the id - smoke-effect2) Have you turned on the \"Client Only\" flag in the HTML Embed?","dateCreated":"2024-09-17T08:48:29.732Z","dateModified":"2024-09-17T08:48:29.732Z","author":{"@type":"Person","url":"https://help.webstudio.is/members/0a61bf4f-969f-48b2-b809-fbe22a332ea0","name":"rahul_nambiar91","identifier":"0a61bf4f-969f-48b2-b809-fbe22a332ea0","image":"https://cdn.discordapp.com/embed/avatars/5.png"},"commentCount":0,"comment":[],"position":8,"upvoteCount":0},{"@type":"Comment","text":"https://tenor.com/view/tears-of-joy-tears-happiness-kevin-hart-crying-gif-18835009","dateCreated":"2024-09-18T00:49:06.037Z","dateModified":"2024-09-18T00:49:06.037Z","author":{"@type":"Person","url":"https://help.webstudio.is/members/c7b42a07-ada0-4af7-a016-26063ee3bcdf","name":"Jeejay","identifier":"c7b42a07-ada0-4af7-a016-26063ee3bcdf","image":"https://cdn.discordapp.com/avatars/762999303689732127/55ae63eddda66f682cafa6844530039a.webp?size=256"},"commentCount":0,"comment":[],"position":9,"upvoteCount":0},{"@type":"Comment","text":"ohhhhhhhhhhhhh. So I need to turn on the \"Client Only\" flag. Now it's working! Wow! Thank you so much @rahul_nambiar91 !","dateCreated":"2024-09-18T00:49:08.218Z","dateModified":"2024-09-18T00:49:08.218Z","author":{"@type":"Person","url":"https://help.webstudio.is/members/c7b42a07-ada0-4af7-a016-26063ee3bcdf","name":"Jeejay","identifier":"c7b42a07-ada0-4af7-a016-26063ee3bcdf","image":"https://cdn.discordapp.com/avatars/762999303689732127/55ae63eddda66f682cafa6844530039a.webp?size=256"},"commentCount":0,"comment":[],"position":10,"upvoteCount":0}],"author":{"@type":"Person","url":"https://help.webstudio.is/members/c7b42a07-ada0-4af7-a016-26063ee3bcdf","name":"Jeejay","identifier":"c7b42a07-ada0-4af7-a016-26063ee3bcdf","image":"https://cdn.discordapp.com/avatars/762999303689732127/55ae63eddda66f682cafa6844530039a.webp?size=256"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}}]