Frequently asked questions


← TO THE LIST OF QUESTIONS

How do I place two VK.com widgets in a row?

Examples below require knowledge of Javascript and CSS. Tilda Customer Support does not assist in code-related questions.

Add block T123 from the "Other" category and use this code:

<script src="//vk.com/js/api/openapi.js"></script>

<div id="vk_group1" style="display: inline-block; width: 33%;"></div>
<div id="vk_group2" style="display: inline-block; width: 33%;"></div>

<!-- VK Widgets -->
<script>
VK.Widgets.Group("vk_group1", {mode: 0, width: "auto", height: "200", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 89546664);
VK.Widgets.Group("vk_group2", {mode: 0, width: "auto", height: "200", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 89546664);
</script>

Replace 89546664 with your community ID.

More about Vkontakte widget: https://vk.com/dev/widget_community

Remember to keep the ID of the div element different for each widget.


Was this answer helpful?
No
Yes




Report abuse
If you believe that any website made on Tilda is violating your rights, file a compliant by filling out this form
How to contact our support
To find out more about the platform features, use the feedback form in your Tilda account, or contact us via email team@tilda.cc
Accounting docs
To get the supporting documentation and proof of payment, send your request to docs@tilda.cc
Made on
Tilda