ABSplit, from Yuzool themes, is a new stack that randomly serves up two alternate versions of a page, or parts of a page. If you wish to test two different CTAs, just drop them into the ABSplit stack sections and publish. If you wish to test two completely different page design, construct one page inside the A section and the alternate page inside the B section.
When your page is published and viewed online, an alternate version will be randomly displayed each time your landing page is loaded.
ABSplit has just a single setting in the stacks panel – Hide Tests – Show Both (default), Hide B Content, Hide A content. Hide Tests can hide either of your content areas in edit mode.
Now go forth and make your A/B testing work for you.
Statistics come in various forms – Calories contained in food products for example. Company websites, are likely to want to display a comparison of sales volume and total revenue for specific products. An NGO might want to display donations over the last twelve months.
Whatever statistics you wish to visualise, Charter has you covered.
While a doughnut chart might be the perfect way of comparing the calories contained in apples, beef, bread, fish and noodles, a vertical bar chart can easily display sales volumes over a specific period of time.
Charter is also animated. When your chart scrolls into view, the statistics grow to display their final values.
Chart Type – Bars Vertical, Bars Horizontal, Line, Pie, Doughnut, Polar Area, Radar
Charter Data Sets (Data) – Up to five sets of data each with:
Values – Comma separated
Charter Data Sets (Styling)
Extensive colour and labelling options for each of the five data sets.
Chart Height – Mobile, Desktop
Chart Type Styles
Display Axes – x, y
Display Grid – x, y
Grid Colours – x,y
Display Ticks – x,y
Display Labels – x.y
Label Text – x, y
Position – Top, Bottom, Left Right
Label Font Size
Title Position – Top, Bottom, Left, Right
Title Font Size
You were probably thinking that, with the exception of data and chart type, there's not a lot that you can configure when displaying statistics. The list of stack settings above shows that there's a lot more customisation possible than we may have thought.
Charter is is extremely flexible and every aspect can be customised. I heartily recommend that you visit the demo page to see everything that is possible – and there's more to come:
Stuart is currently working to add CSV and Google Sheets import.
If you have statistics that need to be visualised, you can grab Charter with a 20% discount by using the code sth-ninja-charter until the end of July!
Squiggle can replace the standard Strikethrough with a scribbled line. I don't use Strikethrough very often (if you check my over 400 blogposts, you'll discover it just once), but if I did, I might be tempted to use Squiggle. Squiggle can be configured to be of any colour and, if you're in a bad mood, can be as intense as a felt-tipped-pen!
Target – Strike inside this stack, All strike on page, Strike with custom selector
Intensity – 1– straight line — 200–Irate
Set thickness – Auto, Manual
Set Colour – Auto, Manual
Don't you just love it?
You're looking for a review of a film or a book and stumble upon a page that iterates the complete plot.
Damn! Don't need to read the book any more!
If you have spoiler text on your page, you can hide it from view until the discerning reader really wants to read it with Spoiler.
Spoiler can cloak text elements by either covering them with coloured bars, or by blurring them so they are unreadable.
Apply To – Underlined text in stack, Whole content (including images), All text with a class
Effect – Blur, Cover
Change Cursor – Visible, Hidden
Tool Tip Text – When hidden, When Visible
Spoiler Text Whole Stack+Effect Cover Only
Text When Hidden
Hidden Text Colour
Custom Font Size
Style – B, I, U
Font Family – Theme default, Web safe, Custom
Set Custom Line Height
Squiggle and Spoiler are two stacks that can be used to a) Represent content that is no longer relevant or accurate and b) Hide content that you don''t want your visitor to be able to view immediately. And – you can pay what you want!
Assist adds a simple button to your Stacks' page. The button shape, size and colour is entirely up to you. When the button is clicked, An accordion with your list of options opens, displacing the page content below.
When you click one of the options, an info panel replaces the list. This all happens with subtle animations and is a great way of hiding any form of user guidance until it is needed. A real space saver!
Text Font – 13 options plus Custom
Icon Font – 3 options
Text Colour – Initial, Hover
Assist is an innovative space saver that allows you to suppress your questions and answers until the are really needed.
Only one thing troubles me with this scenario – I'm in a hurry and now I have to waste time swapping out stacks instead of simply adding the text and copy that was just supplied?
The copy is the simplest problem to solve – instead of using placeholder stacks that generate dummy text, use the original Header and Paragraph stacks that you intend to use and paste in your own dummy text. But what about the images? We want to show the client a layout, but cropping dummy images to fit??
Wait!! Marathia just released UltimateImage – a stack that will allow you to generate dummy images of any size and then – when the client finally condescends to supply the content – replace the dummies with the original images.
The dummy images are loaded via one of five servers – the first two place a coloured background with a text displaying the pixel size of the image, the remaining three load random images from their servers.
When the final content is ready for publishing, you set UltimateImage to Local Image, or Warehoused Image and add in your images saving yourself a couple of minutes with each image when compared to other placeholder stacks!
Image Source – Default: Local Image. Options: Warehoused Image, *Ipsum Image, Placeholder.com, **LoremPicsum, LoremFlickr, PlaceIMG
Force Fluid Image
Depending on the chosen placeholder server…
*Image Size – Width, Height
*Colours – Background, Text
**Specific Image – number – "-1"=Random
11 further settings to Flip, Rotate and add filter effects to the images.
I've used dummy content stacks to knock up a quick layout before, or to build a style template for suggested fonts and colours etc. UltimateImage helps save production time by reducing unnecessary actions.
Links to the developers ® All trademarks cited on this page are the property of their respective owners.
Do you have a question regarding RapidWeaver?
Would you like help with your new project?
Would you like us to build your new RapidWeaver website?
Don’t miss a post!
Sign up for our monthly newsletter.
A monthly digest of all the latest updates from our RapidWeaver blog, keeping you up to date with the hottest new stacks and themes.
265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.
We do not harvest or sell personal information.
© rjh web design 2010—16