Может конечно и так можно:
Модуль HTML Содержимое - разместить в левой колонке на главной с таким, например, содержанием:
<div class="bootstrap-tabs" data-tab-set-title="Виджеты">
<ul class="nav nav-tabs" role="tablist"><!-- add tabs here -->
<li role="presentation"><a aria-controls="-tab-1" aria-expanded="false" class="tab-link" data-toggle="tab" href="#-tab-1" role="tab">В контакте</a></li>
<li class="active" role="presentation"><a aria-controls="-tab-2" aria-expanded="true" class="tab-link" data-toggle="tab" href="#-tab-2" role="tab">Facebook</a></li>
</ul>
<div class="tab-content"><!-- add tab panels here -->
<div class="tab-pane" id="-tab-1" role="tabpanel">
<div class="tab-pane-content">
<div><script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script><!-- VK Widget --><div id="vk_groups"></div><script type="text/javascript">VK.Widgets.Group("vk_groups", {mode: 0, width: "auto", height: "300", color1: 'FFFFFF', color2: '000000', color3: '0c2036'}, 20003922);</script></div>
</div>
</div>
<div class="tab-pane active" id="-tab-2" role="tabpanel">
<div class="tab-pane-content">Сюда фейсбук</div>
</div>
</div>
</div>
<p>Произвольный текст</p>
Код можете генерировать тут для табов https://sealocal.github.io/ckeditor-bootstrap-tabs/ или установить этот плагин для CKEditor