Creating Social Media Buttons

This guide provides a straightforward method for creating and adding social media buttons to your Civify project, enhancing user engagement on your site. It outlines the steps to customize buttons from Nifty Buttons, allowing for personalization with various shapes, colors, and sizes. By following this guide, users can seamlessly integrate social media links, making it easier for visitors to connect with their online presence. Whether you're enhancing your project's functionality or aesthetic, this resource simplifies the process, ensuring you can quickly and efficiently implement social media buttons.

James Reitz
16 steps
2 minutes

Civify

Civify is not affiliated with Nifty Buttons and there are many similar options to choose from. Google "HTML Social Media Button" to find similar options.

Navigate to [https://www.niftybuttons.com/](https://www.niftybuttons.com/)

Click the icon corresponding to the social media site you wish to create a link to

Select the icon shape

Choose colors and size of the icon

Paste the social media link

Click this button.

Click "COPY YOUR CODE"

Switch to open admin panel of Civify

Click "Projects"

Select the project you wish to add a button to

Click the HTML icon

In the editor box that appears, paste the HTML code

Click the check mark

Click "Submit" to save

Switch to Resident Portal tab

Here you will see your button