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

Step-by-Step Guide

1. 1

   Step 1: Launch Flipboard.

   Tap open the Flipboard app on your mobile device to launch it.
2. 2

   Step 2: Go to the Content menu.

   Press the red button at the upper-right corner of the screen to access the Content menu. , Select “My Flipboard” from the Content menu to open your Flipboard profile. , 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. , Open a web browser on your computer and go to the Flipboard website (https://flipboard.com/). ,, 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. , Do this on the text fields provided. , Click the “Create” button to generate the codes for your button, badge, or widget. , 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. , This will be displayed on the text field under the Preview and Code section. , 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. , Go to your website and check if the Flipboard button, badge, or widget is working by clicking on it.
3. 3

   Step 3: Access your profile.

4. 4

   Step 4: Get your Flipboard username.

5. 5

   Step 5: Go to the Flipboard website.

6. 6

   Step 6: Click on “Web Tools.” You can find this on the navigation buttons located at the top of the web page.

7. 7

   Step 7: Select how you would like to share.

8. 8

   Step 8: Type in your Flipboard username and your full name.

9. 9

   Step 9: Generate the code for your button.

10. 10

    Step 10: Test the button.

11. 11

    Step 11: Copy the HTML code.

12. 12

    Step 12: Add the button to your website.

13. 13

    Step 13: Check if the button is working on your website.

Detailed Guide

About the Author