---
title: "Twitter Field - Advanced Custom Fields"
description: "Enable visitors to follow your account directly from your site. Grow your Twitter followers with a seamless follow button!"
url: "https://www.tassos.gr/docs/advanced-custom-fields/fields/twitter"
date: "2026-04-07T02:48:00+00:00"
language: "en-GB"
---

[ Home ](https://www.tassos.gr/index.php?option=com_content&view=category&layout=blog&id=24&Itemid=1088) / [ Advanced Custom Fields ](https://www.tassos.gr/index.php?option=com_content&view=category&id=44) / [ Fields Types ](https://www.tassos.gr/index.php?option=com_content&view=category&id=64)

#  Twitter Field

##  Enable visitors to follow your account directly from your site. Grow your Twitter followers with a seamless follow button!

The Twitter custom field gives you the ability to add a Twitter follow button to make it easier for your readers to follow you or a specific user on Twitter.[](#how_to_add_a_twitter_custom_field_to_joomla_articles)

## [How to add a Twitter Custom Field to Joomla! Articles](#how_to_add_a_twitter_custom_field_to_joomla_articles)

To add a Twitter Field on Joomla Articles, go to Content > Articles > Your Article > General Tab > Select *ACF - Twitter* Type.

![acf-twitter-chat-field-settings](https://www.tassos.gr/images/acf-twitter-field-settings.png)

As you can see from the screenshot above, after selecting the "ACF - Twitter" type, the settings for this field will appear.

Let's see what each option does.

 | Name | Description |
|---|---|
| Name | The name will be used to identify the field. Leave this blank and Joomla will fill in a default value from the title. |
| Label | The label of the field to display. |
| Description | A description of the field that will be displayed in the label tooltip. |
| Required | Is this a mandatory field? |
| Default Value | Set the default value of the field |
| Widget | Select which widget you want to display. |
| Large Button | Display a large button of the follow button. |
| Show Username | Show your username within the follow button. |
| Show Count | Show count of followers. |

## [Usage](#usage)

Once you are in your Article's Edit screen, choose the "Fields" Tab to see the Twitter custom field as you can see in the screenshot below.

![acf-twitter-usage](https://www.tassos.gr/images/acf-twitter-usage.png)

In the input field, you enter a twitter handle (i.e. joomla) to display a Twitter follow button for this particular twitter account.

## [Frontend Display](#frontend)

Take a look at the screenshot below to see how it could be displayed in your frontend.

![acf-twitter-frontend](https://www.tassos.gr/images/acf-twitter-frontend.png)

## [Frequently Asked Questions](#faq)

### [How can I override the layout of "ACF - Twitter" custom field?](#how-can-i-override-the-layout-of-acf-twitter-custom-field)

To override the "ACF - Twitter" custom field, read here: [How to override the "ACF - Twitter" custom field](https://www.tassos.gr/joomla-extensions/advanced-custom-fields/docs/how-to-create-an-alternative-layout-for-joomla-custom-fields#override_render_layout).

 Last updated on Mar 4th 2025 10:03

## Schema

```json
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://www.tassos.gr"
        },
        {
            "@type": "ListItem",
            "position": 2,
            "name": "Home",
            "item": "https://www.tassos.gr/docs"
        },
        {
            "@type": "ListItem",
            "position": 3,
            "name": "Advanced Custom Fields",
            "item": "https://www.tassos.gr/docs/advanced-custom-fields"
        },
        {
            "@type": "ListItem",
            "position": 4,
            "name": "Fields Types",
            "item": "https://www.tassos.gr/docs/advanced-custom-fields/fields"
        },
        {
            "@type": "ListItem",
            "position": 5,
            "name": "Twitter Field",
            "item": "https://www.tassos.gr/docs/advanced-custom-fields/fields/twitter"
        }
    ]
}
```

```json
{
    "@context": "https://schema.org",
    "@type": "Article",
    "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://www.tassos.gr/docs/advanced-custom-fields/fields/twitter"
    },
    "headline": "Twitter Field",
    "image": {
        "@type": "ImageObject",
        "url": "https://www.tassos.gr/"
    },
    "publisher": {
        "@type": "Organization",
        "name": "Tassos",
        "logo": {
            "@type": "ImageObject",
            "url": "https://www.tassos.gr/https://www.tassos.gr/media/brand/logo-text.png"
        }
    },
    "author": {
        "@type": "Person",
        "name": "Sotiris Katsaniotis",
        "url": "https://www.tassos.gr/docs/advanced-custom-fields/fields/twitter"
    },
    "datePublished": "2017-05-06T00:41:36+03:00",
    "dateCreated": "2019-11-01T10:45:54+02:00",
    "dateModified": "2025-03-04T10:26:27+02:00"
}
```

```json
{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
        {
            "@type": "Question",
            "name": "How can I override the layout of "ACF - Twitter" custom field?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "To override the "ACF - Twitter" custom field, read here: How to override the "ACF - Twitter" custom field."
            }
        }
    ]
}
```