The X (Twitter) Embed Timeline block allows you to embed a live feed of tweets from any public X (Twitter) account directly onto your SeedProd page. Visitors can scroll through recent posts without leaving your site, adding dynamic, real-time social content to your page.
This block is useful for building social proof, keeping your page content fresh, and encouraging visitors to follow your X (Twitter) account. You can control the timeline’s dimensions, color scheme, language, and which interface elements — such as the header, footer, borders, and scrollbar — are shown or hidden.
Adding the X (Twitter) Embed Timeline Block to Your Pages
Follow these steps to add an X (Twitter) Embed Timeline block to your SeedProd page:
Step 1: Add the Block
Under Design > Blocks, drag and drop the X (Twitter) Embed Timeline block into the desired section of your page.
Step 2: Configure Content Settings
Once added, click on the X (Twitter) Embed Timeline block to open its settings. In the Content tab, you’ll find the following options under the X (Twitter) Setting section:
- X (Twitter) Handle: Enter the X (Twitter) username whose timeline you want to display (e.g.,
seedprod). Do not include the @ symbol. - Color Scheme: Choose between Light and Dark to match the timeline widget to your page design.
- Hide Header: Toggle to show or hide the profile header at the top of the timeline widget (Yes/No).
- Hide Footer: Toggle to show or hide the footer area at the bottom of the timeline widget (Yes/No).
- Hide Borders: Toggle to remove the borders around the timeline widget (Yes/No).
- Transparent: Toggle to make the timeline widget background transparent (Yes/No).
- Hide Scrollbar: Toggle to hide the scrollbar inside the timeline widget (Yes/No).
- Show Replies: Toggle to include tweet replies in the timeline feed (Yes/No).
- Width: Set the width of the timeline widget in pixels using a slider.
- Height: Set the height of the timeline widget in pixels using a slider.
- Alignment: Set the horizontal alignment of the widget on the page — Left, Center, or Right — with per-device controls for desktop, tablet, and mobile.
- Language: Choose the display language for the widget interface. Options include Automatic, English, Arabic, Bengali, Czech, Danish, German, Greek, Spanish, Persian, Finnish, Filipino, French, Hebrew, Hindi, Hungarian, Indonesian, Italian, Japanese, Korean, Malay, Dutch, Norwegian, Polish, Portuguese, Romanian, and more.
Step 3: Customize the Design
In the Advanced tab, you can further control the layout and behavior of your X (Twitter) Embed Timeline block.
Spacing:
- Margin: Set the outer spacing around the block on all four sides, with independent controls for desktop, tablet, and mobile.
- Padding: Set the inner spacing inside the block wrapper on all four sides, with per-device controls.
Attributes:
- Custom Class: Add one or more custom CSS classes to the block wrapper for targeted styling.
- CSS ID: SeedProd automatically generates a unique CSS ID for this block. You can use it to reference the block in custom CSS or JavaScript.
- Custom Attributes: Add custom HTML attributes to the block wrapper element. Enter each attribute on a new line using the key|value format.
Device Visibility:
- Hide on Desktop: Toggle to hide the block when viewed on desktop screens.
- Hide on Tablet: Toggle to hide the block when viewed on tablet screens.
- Hide on Mobile: Toggle to hide the block when viewed on mobile screens.
Animation Effects:
- Scrolling Effect: Apply a scroll-triggered animation to the block, including Vertical Scroll and Horizontal Scroll options with direction, speed, and viewport offset controls.
- Mouse Effect: Apply a mouse movement-driven parallax effect to the block.
Step 4: Save Your Changes
Once you have finished configuring the X (Twitter) Embed Timeline block and customizing its appearance, make sure to save your work.
You’ve successfully added an X (Twitter) Embed Timeline block to your page! Embedding a live tweet feed is a great way to keep your page feeling active and connected to your social presence. Use the color scheme, visibility toggles, and dimension controls to make the widget fit naturally within your page design.