web counter
RapidWeaver Stacks, PlugIns, Themes ...
My Image

All the latest RapidWeaver Stacks reviewed,
plus the most important community news …

Stay up to date with current RapidWeaver developments

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

Please note that the forum is operated by DISQUS.
When you sign in to comment, RWNinja will provide your email, first and last names to DISQUS. That information, along with your comments, will be governed by DISQUS’ privacy policy. By commenting, you are accepting the DISQUS terms of service.

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

Subscribe to Ninja News
or ask a question

Hi, I’m the Ninja Bot. What’s your name?
image/svg+xml
Nice to meet you, [1-1]. Could you tell me your mail address?
image/svg+xml
[1-1], would you like to subscribe to the monthly Ninja Newsletter?

Yes, I would like to receive your monthly newsletter.

No thanks, I’m good for now. I have a different issue.

image/svg+xml
Thanks for your support, [1-1]. Is there anything else I can do for you?
image/svg+xml

[1-1], thanks for subscribing.
By clicking 'Submit', you are giving your consent to having rjh-webdesign collect your name and email.
These details are used exclusively for the newsletter and will not be passed on to third parties!

As soon as I've added you to the mailing list, you'll receive a mail asking you to confirm your subscription.

If you made a further request, I’ll get back to you – typically within 24 hrs.

image/svg+xml
Name: [1-1] [1-2]
Email; [2]

Contacted you via the Siphon form at Ninja News.

I would like to subscribe to the Ninja Newsletter

Message

[4]
I’m sorry to hear that, [1-1]. How may I help you then today?
image/svg+xml

[1-1], thanks for contacting me. I’ll review your mail, and get back to you – typically within 24 hrs.

image/svg+xml
Name: [1-1] [1-2]
Email; [2]

Contacted you via the Siphon form at Ninja News.

I don’t want to subscribe to the Ninja Newsletter right now.

Message

[6]

Thanks again for contacting us. Your request was successfully submitted.

  • Stacks Image 76789
  • Stacks Image 76774
  • Stacks Image 76776
  • Stacks Image 76783
  • Stacks Image 76791
  • Stacks Image 76787

Looking for Inspiration?

Looking for Inspiration for a new site, or need a CTA
really quickly?

The Latest & Greatest

Portal - Online Partials for RapidWeaver
Your website has standard Headers and Footers and sometimes contains elements within a page that ...
Soundboard for RapidWeaver
If Weavers wish to add a series of audio clips to their pages, they could obviously use a ...
Kalendar for RapidWeaver
Websites that display calendars have two core functions: They show upcoming events and they ...
  • 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?

Contact Information

rjh logo

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—17

Powered by rjh-design

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

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.

View previous campaigns.

By clicking 'Submit', you are agreeing to receive emails from Ninja News

Our newsletter is distributed via MailChimp, who is also responsible for maintaining our mailing list. You can read their privacy policy here.

Subscribe to the Ninja Newsletter

* indicates required

Subscribe to the Ninja Newsletter

You've reached the bottom of the page, thanks for reading.

If you enjoyed what you read, you can subscribe to the Ninja Newsletter and receive a review summary once a month.

Thanks for your subscription

We shall send you a summary of the Ninja News reviews once a month.
We do not send out any other mails and we shall not, under any circumstances, share your email address with third parties.