How to Add Flipboard Buttons, Badges, and Widgets to Your Website

If you like to share the contents you're reading or your very own article on Flipboard to the viewers of your website, you can add a button, badge, or widget that links directly from any part of your website to your Flipboard profile or...

Table of Contents

Getting Your Flipboard Username
Getting a Flipboard Button, Badge, or Widget

Part 1 of 2:

Getting Your Flipboard Username

Images 1 of How to Add Flipboard Buttons, Badges, and Widgets to Your Website

Launch Flipboard. Tap open the Flipboard app on your mobile device to launch it.
Images 2 of How to Add Flipboard Buttons, Badges, and Widgets to Your Website

Go to the Content menu. Press the red button at the upper-right corner of the screen to access the Content menu.
Images 3 of How to Add Flipboard Buttons, Badges, and Widgets to Your Website

Access your profile. Select 'My Flipboard' from the Content menu to open your Flipboard profile.
Images 4 of How to Add Flipboard Buttons, Badges, and Widgets to Your Website

Get your Flipboard username. Below your full name on your profile, you'll see some text displayed. This is your Flipboard username. Write down or take note of it.

Part 2 of 2:

Images 5 of How to Add Flipboard Buttons, Badges, and Widgets to Your Website

Go to the Flipboard website. Open a web browser on your computer and go to the Flipboard website (https://flipboard.com/).
Images 6 of How to Add Flipboard Buttons, Badges, and Widgets to Your Website

Click on 'Web Tools.' You can find this on the navigation buttons located at the top of the web page.
Images 7 of How to Add Flipboard Buttons, Badges, and Widgets to Your Website

Select how you would like to share. Scroll down the 'Promote and Share' section and choose whether you'd like to get a button, badge, or widget by clicking the appropriate corresponding buttons.
Images 8 of How to Add Flipboard Buttons, Badges, and Widgets to Your Website

Type in your Flipboard username and your full name. Do this on the text fields provided.
Images 9 of How to Add Flipboard Buttons, Badges, and Widgets to Your Website

Generate the code for your button. Click the 'Create' button to generate the codes for your button, badge, or widget.
Images 10 of How to Add Flipboard Buttons, Badges, and Widgets to Your Website

Test the button. Select 'Click to check it out' under the Preview and Code section to test the button, badge, or widget you created if it's working before you put it on your website.
Images 11 of How to Add Flipboard Buttons, Badges, and Widgets to Your Website

Copy the HTML code. This will be displayed on the text field under the Preview and Code section.
Images 12 of How to Add Flipboard Buttons, Badges, and Widgets to Your Website

Add the button to your website. Open the web editing software you're using (Dreamweaver, Coffee Cup, etc.), and paste the code you've copied on the section of your web page you want the button, badge, or widget to appear.
Images 13 of How to Add Flipboard Buttons, Badges, and Widgets to Your Website

Check if the button is working on your website. Go to your website and check if the Flipboard button, badge, or widget is working by clicking on it.