How to embed a tweet in your ComboStrap pages

Undraw Social Strategy Re Mk87

ComboStrap UI - Embedded Tweet


A tweet is a component that renders a tweet (called also embedded tweet) in your pages.


A tweet is a blockquote:

<blockquote parameterKey="parameterValue" >
    <cite>[[|@handle date]]</cite>

The content is optional and is used:

  • by search engine
  • in case of fallback when the tweet was deleted or twitter is not reachable.

The parameters that you can set as attribute of the blockquote tag are listed in the below table.

Parameter Possible Values Default Description
lang Two letters See lang Language interface (if in the supported language otherwise en)
cards hidden links in a Tweet are not expanded to photo, video, or link previews
conversation none if set, only the cited Tweet will be displayed even if it is in reply to another Tweet
theme light/dark light Displays Tweet in their theme
width 250-550px 550px same as width (maximum width of the rendered Tweet in whole pixels)
align left, right, or center center Float the Tweet
dnt true/false true dont not track (dnt) (privacy)



Example from this release tweet

    New big release. 1.12 \\
    Page analytics and Page Quality module were implemented \\
    to improve SEO via the overal quality of the website. \\
    There is so much new that it's difficult to summarize it in one tweet. \\
    See the change logs [[]] \\
    <cite>[[|combostrapweb (@combostrapweb) February 5, 2021]]</cite>


The same tweet than in the basic example but with the following properties:

  • Centered,
  • Max Width,
  • GUI in French,
  • Dark Theme
  • Hidden Cards

and without any content.

<blockquote lang="fr" width="300px" cards="hidden" align="center" theme="dark">



The twitter:widgets:theme is a configuration that sets the default theme value for the website.

Possible values:

  • light: Default
  • dark: Displays Tweet with light text over a dark background.


The twitter:widgets:border-color is a configuration that sets the default value of the border. Value: #55acee

Do Not Track

The twitter:dnt (Do Not Track - dnt) is a configuration that sets the privacy policy.


  • on (default)
  • off


If you accepts HTML in your page via a HTMLOk Plugin, you can embedded them directly.

This is not the recommended way because:

  • you allows html and opens the door to cross site attack (XSS)
  • the twitter javascript is not managed and is embedded each time.

but it works and may fit your needs.

Go to:

Tweet Embeded Tweet

  • Grab the HTML code

As you can see twitter also see an embedded tweet as a quote.

  • Put it between html tag.
<blockquote class="twitter-tweet">
    <p lang="en" dir="ltr">
    The tweet content
    <a href="">February 5, 2021</a>
<script async src="" charset="utf-8"></script>

This method adds the widget.js everytime while the tweet syntax will take care of it and embed it only once.

Documentation / Reference

Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.

Recommended Pages
Undraw Social Strategy Re Mk87
ComboStrap makes your pages Social

This page explains all social modules of Combostrap and how they help spread the words
Page Explorer List Name To Ui Region
Page-explorer: adding page navigation easily to your website

With the page-explorer component, you can add an explorer like panel that will list your pages in a list or collapsible tree fashion
Twitter Card Preview
Twitter card enabled

Sharing a link from a ComboStrap page will show on every twitter a card thanks to the social metadata
Undraw My Documents
What is a blockquote widget and how to use it

A blockquote is a extract from another source and is set appart with a citation.

Task Runner