Build Websites
Design Interfaces
Know ExpressionEngine
Make Add-ons
HOP: Help Other People
Come Up With Solutions
Know Craft CMS
Are Friendly and Fun
Are Also Experienced
Solve Problems
HOP: Help Other People
Answer the Phone
Know Wordpress
Organize Data
Understand Your Needs
Win Awards (Like Webbys)
Social *All* the Media
HOP: Help Other People
Know Google Analytics
Do Good SEO
Like Being Helpful
Work Well With Others
Make Ideas Into Apps
Do the Heavy Lifting
HOP: Help Other People
Respect Your Time
Work Well with NGOs
Fix Broken Links
Want You to Succeed
For nearly a decade, the Greater Good Science Center and its magazine have covered the science of a meaningful life.
Site design; Site architecture overhaul; Accessibility support
The Substantial Motion Research Network is an international research network for scholars and practitioners interested in cross-cultural exploration of digital media and philosophy.
Entirely new website with extensive membership features
The BC Dairy Association is champion, steward, and advocate for the people of British Columbia's dairy industry. Hop Studios is their Web development maintenance partner.
Cross-site content submissions into a single database. Page optimization leading to a 72% speed increase in page load time.
Eye Carumba is an optometry office located in San Francisco, whose focus (groan) is to provide excellent, personalized service.
Website redesign; Site converted from flat files to a content management system
Peg Leg Films is a tiny production company that makes socially conscious films to inspire big personal action.
Squarespace site setup and customization
This Mountain Life is a riveting examination of human passion set high in the peaks of British Columbia.
New website, including shop
Gawain Weaver provides conservation treatment and consulting services, as well as workshops and materials.
EE Upgrade; Mobile/Responsive; SSL; Update image gallery; Site speed optimization; Workshops page rework
Cranbrook, BC, as the regional hub of the Kootenays, provides a unique lifestyle and is rightfully touted as the best place to call home.
Website reskin; EE upgrade; Ongoing maintenance
We developed Hop Inject to solve a very common but tricky problem: We wanted to place an advertisement after the third paragraph on a page. But, since this is EE we’re talking about, of course the third paragraph was in an entry custom field, and it was hard to add at run time. In addition, we thought, what if we wanted to add a photo after the fourth paragraph? Or another advertisement after the tenth paragraph? Or a pull quote after…
Use Your Favourite Tools
Why be limited to creating templates in ExpressionEngine's <textarea>? Mountee allows you to access your templates as Mac Finder files, so you can work uninterrupted in your favorite coding app.
Work With Files & Folders
Creating a new template or template group is as easy as creating a new file or folder. Develop your own set of re-usable templates and groups, then simply drag them into your Mountee drive to…
Hop 404 Reporter will alert you to 404 errors happening on your website—which will help your site look good in search engines and satisfy your site visitors.
This ExpressionEngine module logs each time a website visitor encounters a 404 error page, recording what URL the website visitor came from, and what page they were trying to get to. As well as creating a file log, the module allows you to receive email notifications of 404 errors,…
Standard pulldown menus make it easy to re-use common data without a mistake, and to help you choose from pre-determined options. But wouldn’t it be nice if you could also add to the menu without having to go off into the administrative sections of EE? With Hop Super Pulldown, you can!
Super Pulldowns function the same as a standard EE selection menu, but you can also choose to add a brand new option within the entry editing screen. And…
Instagram, Facebook and Twitter offer embeddable Javascript widgets you can use to display posts and tweets on your own website. These are hard to style, and sometimes you want to display both in the same space. For that, you need Hop Social Suite.
Once it’s set up, this add-on displays a simple list of social posts as an unordered list that’s easy to style using CSS.
Avast, ye landlubbers! Make yer website talk like a pirate, on Sept. 19 (Talk Like a Pirate Day!) or on any day of the yearrrrr…
Hop PrivatEEr has two parts: a plugin that will translate a small block of text directly, and an extension that has the power to modify every page of your website at once.
You can change the settings of the extension to be active ‘Always,’ ‘Never,’ or ‘On Pirate Day,’ which occurs annually on September 19.…
Say it with browser notifications!
(They aren’t as sexy as roses, but they may be more effective.)
Hop PushEE is perfect for publishers, stores, service providers, and anyone else with an announcement to make. It’s perfect for those who want to nudge previous website visitors with the latest breaking news or a special offer.
For a working demo of this add-on, visit https://push.hopstudios.com/.
Hop PushEE helps you to create and…
Hop Minifizer takes your site’s CSS, Javascript and even SCSS files, and it combines them, compresses them, saves them as disk files locally (or even on Amazon S3), so that your site loads and displays far more quickly, but your development process is still modular and easy to manage. This add-on is based on Minimee, by John D. Wells, and adds additional functionality.
Hop DocuSign is an extension to enable a seamless DocuSign signing experience for your customers. Currently we only support Freeform form submissions but we're planning to add support to other form services! Drop us a note if you'd like us to add support to your plugins at [tech@hopstudios.com](mailto:tech@hopstudios.com). Check out our demo site! [https://hopdocusign.hopstudios.com](https://hopdocusign.hopstudios.com)
Hop Reveal gives site editors a quick and helpful visual cue to which server they are working on—staging, development or production—on both front-end and back-end website pages. (Surely we aren’t the only ones who sometimes get mixed up!) Choose the text and color of the labels yourself. You can even make the labels visible to all users if you desire.
This free plugin also provides a handy utilities page where you can view key…
Hop Data Juggler lets you easily move data from one field to another, and even to merge or alter field data as you do this. For instance, you can transfer data from an old-style EE field in exp_channel_data to a new-style one (i.e. exp_channel_data_field_13). You can use it to merge several older, repetitive fields (i.e. blog_body, news_body, software_body, etc.) into one field to be used across channels.
This is a particularly useful…
As a client of Hop Studios, we treat your customers as if they were our own, and we want to make sure your site always offers the best possible experience to any visitor, at any time, on any device.
To ensure we can achieve this together with you, we created the FREE Client Care Program. The program is offered at no charge to all active clients and it currently covers this large menu of FREE services.
Hop Studios has an immediate opening for a full-time senior web developer. You’ll be working on interesting and meaningful projects for progressive organizations, media sites, non-profits, educational institutions, author and book sites, and small businesses. We are Canada’s leading ExpressionEngine design and development firm.
Sign up for our newsletter so you will never miss an update.