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...
Part 1 of 2:

Getting Your Flipboard Username

  1. How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 1How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 1
    Launch Flipboard. Tap open the Flipboard app on your mobile device to launch it.
  2. How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 2How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 2
    Go to the Content menu. Press the red button at the upper-right corner of the screen to access the Content menu.
  3. How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 3How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 3
    Access your profile. Select 'My Flipboard' from the Content menu to open your Flipboard profile.
  4. How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 4How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 4
    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:

Getting a Flipboard Button, Badge, or Widget

  1. How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 5How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 5
    Go to the Flipboard website. Open a web browser on your computer and go to the Flipboard website (https://flipboard.com/).
  2. How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 6How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 6
    Click on 'Web Tools.' You can find this on the navigation buttons located at the top of the web page.
  3. How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 7How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 7
    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.
  4. How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 8How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 8
    Type in your Flipboard username and your full name. Do this on the text fields provided.
  5. How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 9How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 9
    Generate the code for your button. Click the 'Create' button to generate the codes for your button, badge, or widget.
  6. How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 10How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 10
    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.
  7. How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 11How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 11
    Copy the HTML code. This will be displayed on the text field under the Preview and Code section.
  8. How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 12How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 12
    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.
  9. How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 13How to Add Flipboard Buttons, Badges, and Widgets to Your Website Picture 13
    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.
4 ★ | 1 Vote