Articles - Sort by article_views -...

How to configure MailChimp

Mailing list support is without a doubt a snazzy and useful feature in Web Form Builder. When you set up a mailing list, you can use your form to collect information from people to be used on a...

Embedding Your Content on a Facebook Page

Ever wanted to add some of your own content to your Facebook page? Now you can! You just need to create a simple Facebook application and embed an HTML document in it. Don’t worry,...

How to semantically name your classes

Semantic Shenanigans When starting a new website project, most designers have the same thought, “I’m going to build this better than the last one.” We want our...

Adding a List Box to an HTML Form

List boxes are slightly different from other HTML form elements in that they present multiple options. This being the case, the HTML Editor contains a special tool for keeping your list box...

Chapter 5: Tool Tutorials

We’ve covered a lot of ground so far. We looked at the editor’s main features and breezed through an in-depth quick-start guide to help get moving with the program. But...

Chapter 4: Settings, What Goes On Behind the Scenes

Your form looks great! Now you can set up what happens behind the scenes. To set these options, click the Settings button in the Toolbar to open the Form Settings window. General Settings...

I See Strange Characters on My Page when I Preview My Website.

Some of our users have reported that they see strange characters like "Ã¥ fÃ¥" when they preview their webpages. These characters do not appear in the...

How to Open CSS Menu Links in a New Window.

Follow these instructions to set your CSS menu links to open in a new window: 1. If you haven't done so already, insert your menu code into your page. (For more information about this...

Chapter 3: Creating a New Webpage

There are three ways to create a new page in the HTML Editor: using the Quick Start Wizard , starting from scratch, using a layout, or using a theme. Quick Links: New HTML Page...

How to Add a Form to Your Page

Embed a web form into your website So, you want to add your form to a web editor such as the Site Designer, HTML Editor, or Dreamweaver? Well, here are two options to...

Adding Responsive Google Maps to Responsive Layout Maker

window.location.href = "https://www.coffeecup.com/help/articles/1432"

What are Java Applets used for?

Java Applets are usually used to add small, interactive components or enhancements to a webpage. These may consist of buttons, scrolling text, or stock tickers, but they can also be used to...

How to Add Comments to Your HTML.

A comment is text that doesn't show up on the page, but does show up in the code. Web designers often use comments in their code for reference purposes. To add comments to a page in...

Understanding ReCAPTCHA in Web Form Builder

Web Form Builder comes with a built-in security system if you choose to use it: "I am not a robot" or a reCAPTCHA box. You've seen them on the web before, and likely used a few of these...

Responsive Google Maps

Add Google Maps to your site responsively. Google Maps™ can drive business right to your front door by providing your address, directions and landmarks for your customers to find you....

What is a Horizontal Rule?

A horizontal rule (<hr>) is a line that goes across a webpage, like so: That was just a default horizontal rule — it's totally possible to create stylish ones, too! To...

What Does "Passive Mode" Mean?

If you're having trouble connecting, sometimes the solution is as simple as enabling Passive mode. You can find this option by navigating to File > Manage Servers and putting a checkmark...

Menu Builder Resources

This is a page in (never ending) progress... Themes, Projects, Prototypes, Links, Experiments & More: Do you love our snazzy quick start examples (thanks, you’re making us blush)...

How to Add a Web Calendar to the HTML Editor (Version 5.0 and Higher).

With the release of Web Calendar 5.0, the process of adding your calendar to your website is a wee bit different than it used to be. This is because the latest version of Web Calendar no...

How to Use the CSS Menu Designer

The CSS Menu Designer (now defunct) was included in the HTML Editor in versions 2011 and earlier but has been removed with the release of our new Responsive Menu Builder .   Step...

Chapter 4: Understanding and Using Library Items

A library item is a file that contains blocks of code that you can place anywhere within your markup. With library items, you write snippets of HTML, CSS, JavaSript, etc., that may be common to...

Customizing Code Completion in the HTML Editor.

Have you ever wanted to update the tags that appear in the Code Completion list in the HTML Editor? It's actually quite easy. For example, let's say you wanted to add a custom...

Connecting to Your Server

To publish your website to the Internet, you will need to use either S-Drive or purchase space on a server where your website will be stored. Server space is owned by a hosting provider, such as...

merry christmas

Design opportunities with Flexbox are AAAA mazing... But they might take a little to get used to. That’s why we created a comprehensive guide with syntax explanations and real life...

Responsive Web Design

About creating a web design, that fits all sizes Hold on now, if it fits unlimited device and screen sizes, the web site must be like...infinite? Without predefined size, impossible to...

How to place multiple buttons next to each other

If you are looking to add multiple buttons to your page and have them line up nicely, this article will be a starter for that. Just note that each page is different so this is just a starting...

Responsive Site Designer Help Manual

Responsive Design Resource Index Here’s a breakdown of the tutorials and helpful articles which will assist you in navigating the features found in Responsive Site Designer, Foundation...

Chapter 11: HTML Editor Keyboard Shortcuts

You can perform the most commonly used functions in the HTML Editor using keyboard shortcuts. Below is a complete list of all the keyboard shortcuts available in the program: File...

Grids for bullet proof Responsive Design

Grids Create Order and Consistency. Consisting of a series of rows and columns, grid based layouts convey order and consistency. They provide an organizational framework that helps to create...

Input error: k: Format of site key was invalid

If you load your form and you see this error message where the reCAPTCHA box should be: Input error: k: Format of site key was invalid This means your CAPTCHA settings are still set to...