Website tables are a great way to organize schedules, standings, lists of forms and documents, coach and player profiles and more. Creating tables in the Demosphere website solution has never been easier! This week we’re sharing tips on how to effectively use the Article table tools for both Desktop and Mobile viewing.
Demosphere Navigation Module
Help your members navigate your website with ease by using Demosphere’s content navigation module. This tool is designed to enhance your website visitor’s overall experience. Visitors browse the website using the tabs and dropdown menu items found within your site.
Website admins can add menus to any container within the site. The Demosphere graphics team will typically setup the initial top level menus during the design process.
To edit the main navigation content from your homepage, hover over the right side of the module and the edit tools will appear:
Content rotators are a great way to to showcase articles, pictures, and videos on your website in a slideshow type fashion. This week we’ll explore the different settings and features available for content rotators as well as some tips on using correctly sized images to keep your website looking sharp!
To add a new content rotator to your Demosphere website, go to the page where you’d like it to appear and click the green “Add Content” button in the desired content area. Next, select the “Content Rotator” type on the dialog to add your rotator onto the page:
Collect donations for your organization using Demosphere’s Donations feature. By placing the donation link on your public website, existing members and new sponsors will be taken to your secure donations page, where they can log into an existing account or create a new one. The user will immediately be directed to the donation step of the public registration process so they can quickly and easily make their contribution. The organization will then have access to various reports to track donation amounts by members and sponsors.
Welcome back to “Social Media: Supercharge Your Sites.” This is the second installment of the two part series, which will cover a few ways to integrate Twitter with your website. If you missed part 1, and want to learn how to leverage your Facebook pages/posts within your website, go check it out. Like part 1, we will be implementing these examples using some example Demosphere content. Let’s get started!
Social Media Tip 1: Embedding A Single Tweet (5 mins.)
Tweeted a great photo of your team? Travel? A sunset? Showcasing tweets with engaging imagery on your site is best done by embedding a single tweet (including the photo). Before adding the tweet to your site, consider where you want to place the new content. Tweets are generally short, even if they include a photo or video. A great place to include this kind of content is in a sidebar or narrow container. In our example we will add the tweet to a sidebar.
- Find the tweet you want to embed.
Twitter makes this pretty easy by having a button to choose what you would like to do with a tweet.
- Copy the code.
For this example we want the imagery, so we leave “Include media” checked.
- Add the tweet to your site.
Now that you have the embedded tweet code it’s time to add the content to your site. If you have a Demosphere site, then you can accomplish this easily through the rawcode content type. If you are not on the Demosphere platform, see if you can add the embedded tweet code to your site through your content management system’s editing tools.
- View public version
Congratulations! You just embedded a tweet on your site for the first time.
Social Media Tip 2: Embedding A Single Video (5 mins)
If you have an exciting video of a game winning goal, buzzer-beater, or a message you want to convey to your audience through video, then you can share that content between twitter and your site. The process is very similar to embedding a normal tweet, but video content requires more room than a normal tweet. In this example we will add the video from twitter to the main content container of our page.
- Find the video you want to embed from twitter.
- Copy the code.
- Add the video to your site.
Videos are not embedded with a title, so you’ll want to add a title that grabs your audience’s attention.
- View the public version.
Social Media Tip 3: Embedding A Timeline (10 mins)
If you want to embed your entire Twitter timeline on a section of your site, you’re in luck because Twitter has that feature. You’ll need a Twitter account and will have to sign into Twitter to use this feature. Let’s get started!
- Head over to Twitter’s publishing tool https://publish.twitter.com
- Add the url to the timeline that you want to embed. This is normally the url of your Twitter page. In this example we will use Demosphere’s Twitter page.
- Choose your display template.
Depending on your Twitter content, your display options will vary. Experiment with various templates at your leisure. In this example we will use the embedded timeline option.
- Edit the display options.
With an embedded timeline your content will cause your page to scroll due to the length of the timeline. We’ll add a height display option to have our content scroll within it’s own section once embedded on our page.
- Add the timeline to your site.
You can do this via rawcode if you are using the Demosphere platform. In our example we will hide the title for our timeline because the embedded timeline includes a title.
- View the public version
More On Twitter
Want to see what else Twitter can do? Explore their embedded content APIs here.
Now you have the knowledge to supercharge your websites! Like many things in life, content curating is an art that has no right or wrong answer. Always remember, “because you can does not always mean you should,” so be conscious if you are overloading your site with too much content from your social media. Have fun and continue learning!
I hope you enjoyed this introduction series to getting your sites integrated with Facebook and Twitter. Leave a comment below and check out Social Media: Supercharge Your Sites Part 1, where we go over how to integrate Facebook with your site.