Articles - Sort by...

Exporting your Responsive Site Designer Project

Publishing your Site Designer website project. Site Designer is very flexible with how you can control your content giving you two options; publish to the CoffeeCup S-Drive servers or...

Learn how to customize a menu component

Customizing the Mega Menu component for your Site Designer website. The Mega Menu is a unique navigation component. It includes your standard logo with page options. But the stunner is the...

Working with a Carousel Component

Slide into this photo gallery component tutorial. Arguably, one of the most popular features of a website is the use of photo galleries. In Site Designer there are several great options...

Adding new options to an accordion component

Modifying an Accordion Component. An accordion component is a feature comprising of a vertically stacked list of items, such as links or paragraphs. Each item can be "expanded" or...

Responsive Site Designer Picture Element

Working with the Picture element Ahhhh the mighty picture element. Arguably one of the most important features of a website. Pictures, graphics, and logos - this type of content is...

Borders & Border Radius

CSS Controls: Applying Border and Border Radius Borders can be used for many different things and come with several different options. The first thing you need to know about borders is that...

Fixed Background

CSS Trick: setting a fixed background to a container. We all have seen those slick websites that use effects on their page such as scrolling backgrounds (a.k.a fixed backgrounds). With Site...

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....

Insert Google Analytics To Responsive Site Designer

Adding Google Analytics & Other SEO Goodness So you've completed your site and are ready to share it with the world? Well, one vital piece that you shouldn’t forget about is utilizing the...

Learn to Modify a Custom Code Menu

Working with custom scripts for adding special content to your web pages. Visual editing is what makes Site Designer special. But the not-so hidden secret is the ability to use custom scripts...

Use Google Lighthouse to Improve Website Performace

Improve your site’s performance using Lighthouse from Google Chrome. So do you think your website is looking good and ready for showtime? Well there is one great suggestion we make...

Set Up Gmail For Your Own Domain

Setting up a Google Workspace account. Did you know that you can set up email accounts from your own domain using the power of the user-friendly Gmail browser-based email system? This means...

Site Designer Reset Control

Optimize Your CSS Stylesheet using the Reset control. Have you been trying out a lot of various styles and options during your design workflow? We completely understand! Site Designer makes...

Backing up or Moving Editor Settings to a New Computer

Backing up or Moving Editor Settings to a New Computer Here is how you would back up or move the HTML Editor settings to a new computer: MAIN SETTINGS Open Windows Explorer to the...

Regular Expressions within HTML Editor

Introduction Regular expressions can be used to specify text by its...

add-online-source-images

Manully linking graphics into Email Designer Normally, Email Designer would automatically upload local files to your S-Drive Storage account. We are currently expericing an outage with...

Optimizing Files

It’s true guys, size does matter...when it comes to image file size that is. It is good practice to design for performance and use images that are lightweight. This is especially true...

Embed S-Drive Form into Third Party Domain

Using Your S-Drive Form with Third Party Website. With the release of Safari 14, the browser now has a full block of 3rd party cookies. Due to this, both your web form and the website where it...

S-Drive Academy

New to S-Drive? Need help with an S-Drive feature? Just looking for some good ol'-fashioned learning? You've come to the right place! S-Drive Academy is your premier destination...

Sync up a Site Designer Form with Web Form Builder

With Site Designer it is possible to construct stunning web forms that look good on any size screen or device. Forms crafted in Site Designer are front-end designs. This means you will need...

Controlled Folder Access

Controlled Folder Access Windows Defender protects against malware/ransomware by including a feature called Controlled Folder Access which can limit or prevent a program from accessing or...

Chapter 2: Working With Website Projects

We cannot stress enough how important Website Projects are. If used correctly, this tool can make broken links a thing of the past. You'll never see those pesky red X's instead of your...

How to Manually Confirm Your SMTP Settings for Web Form Builder

After manually exporting your files to your server you'll need to manually edit the user.cfg.php file located with your form files. In this document you will find the following information....

CoffeeCup Software is Safe

Yes, our applications are safe! CoffeeCup Software takes pride in guaranteeing that all of our applications are safe and virus/malware free. To ensure the highest quality of service, we do...

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 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...

Chapter 9: Other Functions of the Html Editor

The HTML Editor does a few more things in a unique way that you may need some more information with. The most commonly used functions are shown here. Switching Between Open Files There...

Chapter 10: HTML Editor Frequently Asked Questions

Features, Tools, and Functionality What are the limitations of the trial version of the HTML Editor? The trial version of the HTML Editor has the same functionality as the registered...

Chapter 7: Uploading Your Website Project

When your website is ready for life on the web, you have two publishing options: FTP Account Sync with S-Drive You can access these options by going to File > Upload to...

Chapter 6: Previewing Your Work

The HTML Editor gives you a ton of different options for previewing your work. After all, it’s good web design practice to view your website in several different browsers to ensure...