Clicky

RapidWeaver Stacks, PlugIns, Themes ...
menu Menu

rjhweb design

rjhweb design

fast, flexible fair

Ninja News

RapidWeaver News & Reviews

TouchBase with RapidWeaver

So you want to add a link, or even a button to your page that says "Contact Me". Well, that's easy enough, just add the URL mailto:[email protected] and you're good to go. And guaranteed – from the second day onward that your site is online, you'll be spammed! Don't want spam? You'll need to obfuscate your mail address by going to one of the online services, adding your contact details and your link text. Then you'll be safe!
But what if you want a "Call Me", or a Skype Me" button? Do you really want to be pestered every twenty minutes?

TouchBase – Stacks4StacksEnter TouchBase from Stacks4Stacks. TouchBase can mask Facetime, MailTo, Skype, Telephone or VoIP details with ease and can even add a subject line and header text to your email, or automatically launch a chat, or a video connection. You no longer need to trawl the internet for obfuscation sites; a few keystrokes and you're done!

Generally, there are two main methods of obfuscation available: HTML and Javascript. Javascript falls flat if your site's visitor has disabled JS. For this reason TouchBase inserts the obfuscated HTML into a PHP file and loads it from there (for this reason your links will be visible, but won't function in preview mode), effectively hiding it from spambots.

TouchBase is a brilliant stack because it makes obfuscation so simple and because it can mask so many link formats. It can add a simple text link to your page, or a fully configurable button with rollover effects to match other buttons on your site. And whilst no obfuscation method will give 100% protection against bots, and certainly won't protect against manual attacks, TouchBase does its job admirably.

Comments

Mailto:RapidWeaver.com

Allowing a visitor to easily contact you via email is simple enough using an HTML link: mailto:[email protected] The link can, of course be enhanced by pre-entering a subject and dummy content, e.g.: mailto:[email protected]?subject=Contact via my page&body=Just testing">Contact Me!

This works just fine. A new mail is created with the user's mail application and is pre-populated with your subject and dummy content; except that many users are confused by what they see and don't know quite how to continue.

Gary at Doobox has just helped to enlighten those inexperienced users by creating a simple Mailto stack which presents your visitor with a simple form into which your visitor can enter the details that you require. When your user then clicks 'Send', a mail is created with their onboard mail application; the mail can then be reviewed and, when they are satisfied with the content, she/he can just click send.

The advantage of Mailto stack is that you can add up to four different prompted fields for your visitor to fill, before they create their mail E.G.

Mailto – DooboxName
Telephone
Subject
Message
Then, as already mentioned, your visitor can then review their entries before finally sending off their mail.
Makes things a lot more logical than editing some dummy text.

And: the Mailto stack also has the advantages that you won't need to look for the specific 'Mailto' syntax every time you need it and, being based on standard HTML syntax, you won't need to convert your page to PHP.

Stack settings
To: Email, CC, BCC
Btn Sise?: Button Size – Small, Standard, Large
Btn Colour: Button, Text
Btn:Hover Colour: Button, Text
Activate Field #1 through #5
Field #1 through #5 Prompt text
Max Form Width
Align: Left, entre, Right

Grab Mailto stack now while it's available at a reduced launch price.

Comments

Hopping Through RapidWeaver Pages

Weavium has a knack of presenting us with simple solutions to tasks that could otherwise put some strain on those grey cells. Their latest stack, Hop, presents yet another attractive solution to that age old problem: Reams and reams of client data.

Hop is essentially a lightbox, but with the difference that it is intended to be nested. I.E. it can lead your customers to the solution that they are looking for. We all know the situation – We visit a site's storefront looking for Household Goods, klick the pertinent button and are whisked away to a new page with a further set of options; Kitchen Implements, Bathroom Accessories, Bedroom Trimmings, etc. etc. Selecting one of the options, we are yet again whisked away to a new page with a selection of appropriate products.
Another example: An online bookstore with links to Novels, Histories, Biographies, etc. which each open up a new page…

… You get what I'm talking about. Right, I'm talking about Hop which, instead of whisking you away to a new page, simply opens a full page lightbox with the next options. And the lightbox opens with one of six different animations.
The example that I've built centres around a travel blog. 'What to See and Do in Bangkok' would take you to a list of blog entries about the city with the longest place name in the world (and no, as opposed to what the Guiness Book of Records might tell you, that is not Llanfairpwll… on Angelsy). Clicking on 'Crossing Borders' would take you to information about passing to and from Thailand and its surrounding countries.

Hop – Weavium

Hop – Weavium

The content is all contained within one page, so page load times could be influenced, depending what you insert into Hop. SEO will also be influenced; I'm presuming that that will be more on the positive side.

Hop arrives with two stacks: Hop and Hop Starter. The Hop stack is the main stack which will contain your Initial and Additional Content. You can design your Initial Content using any combination of stacks, or you can use the Hop Starter stack to ensure that each initial presentation is identical.

Stack settings
Hop Starter Stack
Icon Order – First, Last
[Icon] Alignment – Top, Center, Bottom
Text Align – Initial, Expanded
Icon Font – Four standard Icon fonts plus Custom, Icon Image from link, Icon from Inline Image
Icon Size – px
Icon Radius – px
Icon Colour – Initial, Expanded
Title – Size, Colour
Description – Size, Colour
Button– Configuration

Hop Settings
Page Title, Size, Animation Type
Content Sizes, Fonts, Colours
The settings are comprehensive and don't leave anything to wish for.

Hop is probably not ideal for an extensive catalogue of products; I'm presuming that page load times would get out of hand, but for more simple "I'm interested in…" and leading your visitor deeper into your page, Hop is ideal. And not only that; Hop provides an attractive solution to many of the problems that we have with extra content.

Comments

EasyButtons for RapidWeaver

Just out of interest, I went through and counted the button stacks in my RW Stacks library. I have twelve different button stacks – not counting those that are linked to a specific framework, theme, or have a specific function in a form etc. The collection has grown gradually over the years as developers managed to convince me that "this new button stack is the one-and-only-never-buy-another".

On the Marathia EasyButtons Page, Jeroen simply states that EasyButton is a very versatile stack to create all sorts of links that look like buttons in a grid layout. Now 2019 has only just begun, but I'll be bookmarking the statement for my understatement of the year contest. 'Versatile'. EasyButtons delivers more than 100 configuration options. Yes, one-hundred! And it automatically configures itself to a grid, if you add more than one child stack.

EasyButtons is a 2D button without highlights and without shadows. It can easily be configured as a ghost button, but can just as easily be configured as a coloured button with fill, frame and font colours that change on hover. It's the hover effects that make EasyButtons different:

Basic, 2D, Background, With FA Icon, Border, Shadow & Glow, Speech Bubble and Curl – These are just the Transitions. Each transition then has a bag full of configurable effects.
No, I shan't be listing them here. Just let me say that if you need the buttons on your page to look and act differently to those of your neighbour, then EasyButtons makes it possible.

EasyButtons – Marathia Stacks

It's not just the hover effects, though, that make EasyButtons versatile. As mentioned above; if you add more than one child stack to the main stack, EasyButtons forms a grid of buttons which can be configured horizontally or vertically, so that you could also build a simple menu bar of your own (sans dropdowns, of course).

Stack settings
Space Between – Horizontal, Vertical
Direction – {Grid} Horizontal, Vertical
Align – Left, Right, Center, Justify
Width – Auto, Fixed, Fluid, Responsive
Full Width Below – px

If you're quick, there's a 25% available when you add EasyButtons to your cart using the discount code EB25OFF.

Comments

Conditional Content in RapidWeaver

Get relevant information to your users by displaying content in response to a visitor's input. If this sounds like AI, don't get too excited. RW can't yet predict what your customer is going to type, but you can; and with Text Detect from 1LD, you can provide targeted information to specific visitors.

Text Detect is a stack that can conditionally display additional content on a web page, based on the words or phrases that a user type into fields. You could provide targeted information for sales, support, or even provide additional fields or links to select users.
Let's take the example of a sales site and the simple question "Which product are you interested in?"

Text Detect – One Little DesignerThe answer is predictable. Logically, the user wishes to know more about one of the products mentioned on the current page. With Text Detect, you can add an HTML text area to your page for the customers reply, then add Text Detect Pop-ups with the relevant information.

Text Detect – One Little Designer
The information may be presented in one of five different ways for each Text Detect stack on your page. Inline (as above), Chat Bubble, Lightbox, Fixed Top or Fixed Bottom
The Text Detect Pop-ups can be set up to detect entries from a list of words and or phrases. The query can be formatted as case sensitive (or not) and partial word matches can be activated. In the example above, if I'd typed in "I'm interested in PlusKit" a different Inline window would have opened in place of the Stacks info simply because 'plus kit' was entered as one of the terms to be detected.

Text Detect is an interesting addition to the RW Stacks collection. It will save you time by identifying common enquiries beforehand and supplying predefined answers. You can add most 3rd-party stacks to the pop-up content and place Text Detect inside a 3rd party form to add custom messages.

Comments

Show more posts

  • Stacks Image 35399
  • Stacks Image 35402
  • Stacks Image 35405
  • Stacks Image 35408
  • Stacks Image 35411
  • Stacks Image 35414
  • Stacks Image 35417
  • Stacks Image 35420
  • Stacks Image 35423
  • Stacks Image 35426
  • Stacks Image 35429
  • Stacks Image 35432
  • Stacks Image 35435
  • Stacks Image 35438
  • Stacks Image 35441
  • Stacks Image 35444
  • Stacks Image 35447
  • Stacks Image 35450
  • Stacks Image 35453
  • Stacks Image 35456
  • Stacks Image 35459
  • Stacks Image 35462
  • Stacks Image 35465
  • Stacks Image 35468
  • Stacks Image 35471
  • weaverthemes
  • Stacks Image 35477
  • Stacks Image 35480
  • Stacks Image 35483

Links to the developers ® All trademarks cited on this page are the property of their respective owners.

x

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.

* indicates required

Contact Information

My Image

rjh web design

265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
Thailand 58130

About Us

We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.

Legal

This site uses Cookies to determine the best method of display in combination with your browser.
We do not harvest or sell personal information.
© rjh web design 2010—16

This website was built with loving care on a Mac using Foundation. For more information, contact me.