Getting your personal or business website found on the web is all about sharing and links. The Tweetable Text widget for Adobe Muse converts any snippet of page text you choose into a link to share on Twitter by your site's visitors.
Using the widget is as simple as applying the special character style to the text snippet you want to become the body of the tweet; the widget does the rest. Clicking the link opens a new window for your visitors to share to their Twitter stream. The widget has options including changing the page link (the current page by default), including predefined hashtags and the site owner's own Twitter username.
Browse to the location where you downloaded the widget file. Extract the contents of the file. Double-click the .mulib file to import it into the Library. This will launch Muse if it's not already open.
Alternatively, once you’ve unarchived the file, you can import the widget into the library by clicking the Import Muse Library icon at the base of the Library Panel.
Once it's imported the new widget will appear in the Library panel as a folder containing one or more items..
Start by dragging the Tweetable Text widget from its folder in the Library Panel onto the design canvas. The banner image won't be displayed when the site is previewed or published.
There are two options for the link that appears in the tweet. By default, it will be the current page, which we'll use here. If you want to set it to another location, choose Custom URL, then type or paste in the required address into the URL field.
We can add a Twitter user to the tweet by checking the Include Twitter Username field and typing in the name without the leading @ symbol. This will be displayed in the tweet as via @username.
We can also insert hashtags into the tweet by checking the Add Hashtags box and typing in the required tags. Tags should be comma-separated with no spaces. The widget will add the # symbols.
The last two options can be toggled on and off depending on preference:
By default, the Add Twitter Logo option is enabled. This places the Twitter bird logo at the end of the text link.
When the Add Tooltip option is enabled, hovering the mouse over the link displays a helper tooltip containing the text that will be shared in the tweet.
We've left both options enabled in the example.
The final part of the setup is to set up the text to be linked:
The widget creates the link once the page is loaded, so it won't be displayed within the Design view in Muse.
Switch to Preview to check that the link is displaying correctly. The link itself won't work in the Muse preview, it will need to be previewed in the browser to check whether the tweet is within the 140 characters.
Once it's been checked, you're ready to publish!