In this guide, we'll integrate Twitter with our CMS to enable automatic posting of articles on Twitter whenever we publish a new story. Before proceeding with the setup, make sure you already have a Twitter developer account. Let's get started!

In order to set up a Twitter auto-post, you need to follow below steps:

Step 1: Create a Twitter Project and App

1. Go to the Twitter Developer Dashboard:

- Head over to the Twitter dashboard.
- Click on “Projects and Apps.”
- Select “Overview.”
- Click on “Create Project.”

2. Enter Project Details:

- Provide the required details such as the project name, use case, project description, and app name.
- This will generate an API key and secret key. Keep these handy for later use. You may copy this in the sticky notes.

3. Customize App Settings:

- Click on “App Settings.”
- Customize the app name, add a logo, and provide a description under app details.

4. Set Up User Authentication:

- Under "App Permissions," select "Read and Write" and "Post Direct Messages" permissions.
- Under "Type of App," select "Web App," "Automated App," or “Bot.”
- Enable three-legged OAuth and enter the callback URLs in the following order:     
    - Site URL/admin/social/callback
     - Site URL/twitter/callback
     - Site URL/oauth (for web app or front-end login)

- Add the site URL and optional details where applicable.
- Click on "Save" to proceed.

Step 2: Integrate Twitter with Bold CMS

1. Navigate to CMS Settings:

- Ensure you have admin access to proceed with the integration.
- Click on "Settings," then “Integrations.”
- Click on "Add Integrations" from the drop-down menu and select "Twitter."

2. Enter API Credentials:

- Paste the API key and API secret key that you generated earlier from the Twitter developer portal.
- Click on "Update" to save the settings.

3. Configure Social Sharing:

- Go to "Settings" and select “Social Sharing.”
- Click on "Add New Connection" and then choose “Add Twitter Account.”
- Authorize the app to grant the necessary permissions for the Twitter app to function properly.
- You will be redirected back to the editor, where your Twitter account will be successfully added.

Step 3: Enable Auto-Posting for Stories

1. Open a Story:

- Open the story you want to enable auto-posting for.
- Go to "Manage," followed by “Show Advanced Options.”

2. Add Social Card:

- Click on “Social.”
- Click on "Add Social Card" and add the social share message.
- Check the Twitter account that you're using to auto-post.

3. Schedule the Tweet:

- You can choose to send out the tweet as soon as the story is published or schedule it for a suitable time.
- Once the story is published, the tweet will be sent out automatically.

Conclusion

And that's it! You've successfully integrated Twitter with your CMS, allowing for seamless auto-posting of your articles on Twitter. This integration helps streamline your social media presence and ensures your content reaches a wider audience instantly. Happy tweeting!

If you have any questions or need further assistance, please feel free to reach out to us at [email protected]