Becoming a Digital Publishing Master with in5

Images from apps and sites created with in5.

This course will teach you how to use InDesign and in5 to create beautiful and accessible sites and mobile apps. Learn to become a master of digital publishing from the ground up by using familiar design tools.

For full course details, visit the main course page.

Lesson 20: How to Add Social Sharing Buttons

Have you created something with InDesign and in5 that you'd like people to share? This lesson will show you how to add social sharing buttons with a few clicks.

Expert Contributors to this lesson

Justin Putney

Justin Putney

Creator of in5

Today's Course Outline

  1. Configuring Social Sharing

Estimated time for lesson

Today’s lesson should take approximately 5 minutes.

Configuring Social Sharing

From your InDesign document, choose File > Export HTML5 with in5... to open the in5 dialog.

Navigate to the Analytics & Sharing section.

To add a share button, select the checkbox(es) next to the social networks for which you'd like to display buttons.

social network options for share buttons

You can then choose a position for the social sharing widget (top, bottom, left, right).

The sharing buttons will appear in a fixed location regardless of the window size or scroll position.

How sharing buttons work in the Output

When one of the sharing buttons is clicked, the new window that appears will automatically be populated with the page's URL.

tweet pre-populated with URL

In the image above, the sharing buttons are in the top position and the window shows how the Twitter sharing would appear after clicking on the Tweet button.

What if I don't want the URL to be automatically populated?

The URL that's shared is dynamically generated and only works properly when the files are online (see the Publishing to the Web lesson for more on posting online).

However, you may want your files offline, or you may be packaging your files as an app (in which case they won't have a URL).

To point your social sharing to a specific link (e.g., a download page for your app), paste your URL into the Custom URL field.

custom sharing URL

Your custom URL will appear automatically when a viewer clicks one of your share buttons.

custom sharing example in the browser

Take Aways

  • Adding Social Sharing to in5 is super easy and doesn't require any coding.
  • Even apps and offline content can be shared over social networks.

in5 makes it really easy to share my designs