Home ApplicationEdit video

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. Picture 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.
  2. Picture 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.
  3. Picture 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.
  4. Picture 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:

Getting a Flipboard Button, Badge, or Widget

  1. Picture 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/).
  2. Picture 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.
  3. Picture 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.
  4. Picture 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.
  5. Picture 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.
  6. Picture 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.
  7. Picture 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.
  8. Picture 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.
  9. Picture 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.
flipboard button widget badge
« PREV POST
READ NEXT »
Similar Post
MORE LIKE THIS