Below are just a few example of what you can do with Sidekick. We've setup a few different examples to show off both the conditional features of Sidekick as well as the ability to insert dynamic text into your content.
That said it is much easier to show off Sidekick's ease and power through a quick tutorial video. We've provided a short video above that walks you through setting up Sidekick so you can see a little bit of what it is capable of achieving.
Below you'll find a few examples of Sidekick managing our content based on the day of the week and / or time.
In our first example we are showing a bit of content to our visitors based what day of the week it is in our timezone (example is UTC). This is handy for letting them know for example if our business is open today or not.
In our second example are displaying content based on the time of day in our chosen timezone. This allows, for example, to tell visitors if we're available for chat based support right now or not.
Additionally in our last example we can nest the time conditional within a day of the week conditional to let people know if our business is open right now or not based on both the day of the week and the current time.
This content is displayed to the visitor on Monday through Friday only.
This Fallback Content box is displayed every day as well, but is shown outside of the 9 am - 5 pm (UTC) timeframe.
This Fallback Content is displayed on Monday through Friday outside of the 9 am - 5 pm (UTC) timeframe.
Here we've created a simple examples to show off our URL Parameters feature in the Sidekick tool. But you won't see anything just yet.
While this one might sound more complicated at first, it offers a great deal of flexibility and options, and is pretty easy to use. We can trigger content on a page by simply adding a variable to our URL for this page. We've added two pieces of content to this page that won't render unless Sidekick finds the proper variable and value in the URL.
To see our special piece of content visit this URL below (note the ?id=newsletter variable and value attached to the URL). We could use this, as an example, to show content only to users who click a link in our latest email newsletter:
When the page reloads with that added URL parameter you'll bet a nice sticky box at the top of the page with a note.
Many times we want to serve up content to visitors based solely on which operating system they're using.
A good example of this is with software downloads. Instead of offering up several buttons to let the visitor download your software for each of the various operating systems we can instead check which OS they're using and provide a download link for that specific OS. We've done just that below with our example. Visit on different OSes or devices and you will receive a different button for each!
We've built in a few helpful content insertion tools that allows Sidekick to personalize your site.
We can greet our visitors with a nice message that includes the day of the week, or have Sidekick keep our site's copyright date updated year after year. We just need to add a simple class name to an element and Sidekick handles the rest.
Here we've simply added the Sidekick "day" class to a
<span> tag within our Header. Sidekick can then target that
<span> and insert the current day into it.
We've also made it so that you can easily localize the day insertions in your own language in the main Sidekick parent tool.
Sidekick can keep track of when the page was last published and display that date for you and the visitor. This let's your visitors, and perhaps even yourself, know just how up to date the current page, and its information might be.
This page was last published on
Additionally we are able to choose the date format style for the Last Published date as well.
Here we've simply added the Sidekick "month" class to a
<span> tag within our Header. Sidekick can then target that
<span> and insert the current month into it.
We've also made it so that you can easily localize the month insertions in your own language in the main Sidekick parent tool.
Similarly to the day, and month, insertion class names we also have one for the current year. This is supremely helpful in keeping our site's copyright year updated without having to manually do it each January. The date range below will update automatically each year:
© Copyright 2006-0000 Elixir Graphics
See the documentation page for more information about how to use these content insertion class names.
Allows you to add new content insertion options to Sidekick's parent tool. The allows you to insert the current time, in a constantly updating clock format, right into your content! Choose a specific timezone, or let the clock take on the visitor's time.
Choose a specific timezone, or let the clock take on the visitor's time. You can choose a 12- or 24hour clock, turn AM / PM on or off as well as include seconds. Add multiple Clock child items to Sidekick and you're able to include multiple clock inserts for multiple time zones, like we have below:
See the documentation page for more information about how to use these clock insertion unique IDs.
Sometimes it is nice to mix things up. Sidekick can handle that for you using its Random Content child item.
Add content in up to 10 different drop zones and Sidekick will dynamically choose one of them to randomly insert into your page. Different banners, client testimonials, famous quotes, portfolio highlights, and more are all great candidates for this tool.
Below we're loading a random quote for example each time the page loads:
Don't you realize? The next time you see sky, it'll be over another town. The next time you take a test, it'll be in some other school.
Our parents, they want the best of stuff for us. But right now, they got to do what's right for them. Because it's their time.
Their time! Up there!
Down here, it's our time.
It's our time down here.
That's all over the second we ride up Troy's bucket.
In addition to the tutorial walk through video, further up on this page, we also offer detailed documentation for each of the settings within the Sidekick tool. This not only helps you when creating your site but as well as in making the decision to purchase Sidekick for your next project.
You can find the full documentation and tutorials for Sidekick, as well as all of our other products in the Elixir Support Hub.
This stack relies on the Stacks API to load icons and other tools needed for features in this stack. Let's look at the required software as well as the browser support for this stack.
As mentioned, we use the latest Stacks API for this stack to help facilitate its functionality. You'll need the following tools to make use of it for your site:
This add-on works great with Foundry v3 as well as the legacy Foundry v2.
This tool is designed with modern browsers in mind to give your visitors the best experience possible. It will work nicely in the most recent versions of these browsers: