soulati.com

Digital Marketing Strategy, PR and Messaging

  • Home
  • So What is Message Mapping ?
  • Services
  • Hire Me
  • Blog
  • Presentations
  • Get a FREE E-Book
  • Contact
  • Home
  • So What is Message Mapping ?
  • Services
  • Hire Me
  • Blog
  • Presentations
  • Get a FREE E-Book
  • Contact

Soulati-'TUDE!

Hoop.la: An Online Community Platform For Your Social Hub

09/17/2013 By Jayme Soulati

hoopla.logo.pngRecently, my good friend, Rosemary O’Neill, President of Social Strata, was good enough to grant me an interview about the most #RockHot name for a company solution I know — Hoop.la. We originally met via Social Slam, my used-to-be-favorite spring fling that is now defunct. I love to give her grief about her crazy Twitter handle (@rhogroupee) and for that she’s now affectionately called RoHo. In all seriousness, her company’s latest community application is pretty cool, and we’re sharing here in a Q&A that’s sure to get your juices flowing, so grab a spittoon.

What is a Hoop.la? Do you have to sing that?
First of all Jayme, I love the way you say “Hoop.la!”  Hoop.la is an online community application that integrates blog, forums, chat, calendar, and media/file uploads in an easy-to-use (and mobile-friendly) interface. It’s SaaS, so there’s no software to install, no plug-ins. Hoop.la was first released in 2010, and is currently supporting over 4,000 sites serving millions of page views every day.

Who would need this?
Well, we’ve got customers ranging from small non-profits using our free Hoop.la Spark plan to run their donor/volunteer communities all the way up to Pro Enterprise-level deployments for Rodale’s Runner’s World Magazine community. If you’re a business looking to create a social hub on your own website, and wanting to pull together your crazy array of social “outposts” (as Chris Brogan calls them), you might want to check out Hoop.la.

Do I have to give up my WordPress blog?
No. That’s the cool thing. Hoop.la is designed to be really flexible, so that you can turn off or on any of the modules (like blogging or chat) with the click of a button. We also offer import services, if you do decide to bring over your existing blog or forum content from another platform.

How can you fit Hoop.la in with the rest of your website?
You can easily make custom pages within Hoop.la that have any HTML you like. Also, there are built-in widgets that are embeddable on your existing site; so, for example, if you want to pop a widget that shows recent forum topics on your home page, you can do it with the click of a button. No geekery required. (However, if you’re feeling saucy, you can access the custom CSS to really tailor the look and feel.)

hoopla-splash-image.jpgHow is this better than just using a Facebook page?
Would you like to be earning SEO juice for yourself instead of Mark Zuckerberg? We definitely aren’t saying you don’t need Facebook; however, every business should have their own social “center of gravity” that’s under their direct control. With Hoop.la you own the data and you control the experience, period. We have lots of customers who are successfully cross-pollinating from their Facebook page to their Hoop.la site, making even more engagement opportunities.

Can I use it for private or internal communities too?
Definitely! Hoop.la is designed with really granular permissions, so you can keep the whole site public, or you can restrict certain features or forums, and you can even monetize certain activities with built-in premium memberships (no merchant account required). Long John Silver’s is using Hoop.la for its private, internal franchisee community.

Hoop.la is worth checking out, Jayme adds. Please do reach Roho aka Rosemary O’Neill at 206-283-5999 ext 106 for a demo.

Enhanced by Zemanta

Filed Under: Technology Tagged With: Facebook, Hoop.la, HTML, Mark Zuckerberg, Online Communities, Online community, Search engine optimization, Social Strata, Software as a service, Twitter

Responsive Design Primer For Bloggers

01/16/2013 By Jayme Soulati

Pleased today to welcome and She is a most amazing member of this community and our Bloggers Unite! Google+ community, may I say, who has a thirst for learning I rarely see. Please welcome her and her writings with a warm hello in comments with your input and questions.

wordpressSUSAN SILVER SAYS:

, also called mobile design, is a must for anyone with a website or blog. I am on this band wagon and have been slowly teaching myself some skills over the past year. Like many freelancers, the idea of hiring a designer is not in my budget at the moment. That is why I want to share a primer for others wanting to take the DIY approach.

I’ll start by explaining some of the terms you are likely to encounter and then give you some resources for further research.

Responsive Design Vocabulary

HTML5 – HTML is the structural foundation for a website or blog. It is the deeply embedded code that tells a browser how to render a document. HTML5 adds more ways to display content on various devices with native video and audio options.

CSS3 – CSS stands for cascading style sheets. We can make all sorts of changes to the superficial aspects of our website without having to change any of the structure. It’s just like painting the walls of your home. The only thing that changes is what is on the outside. You don’t have to touch the wires or insulation. CSS3 adds new rules for how these sheets behave.

Responsive or Fluid Grids– Responsive grids are generated by CSS code. They are what make responsive design possible. The designer creates rules for how “boxes” on the screen should behave on different devices. When you change the browser window size these boxes will move their position or disappear dynamically.

Jquery Plugin- These plugins are not like WordPress plugins. They have this name because they can be added plug-in-play style to a design. In general, you upload a java script file (.js) into a directory. You then insert a line of code into your designs that calls on that script and runs it.

Icon Font– Icon fonts are very useful for responsive design. This is because they are not image files. To make an image responsive requires a lot of work. With an icon font you can treat what would have been an image the same way as text, which is much easier to manipulate. is a great example of what you can do.

Framework or Boilerplate – There are a slew of these roaming around. They have names like “”, “” and “” (to name the most popular). There are also a few that are only responsive grids like “”. These are skeletons that you can build on that are prepped for responsive design. It takes the hassle out of starting new projects.

Starting with Responsive Design

Well, you probably are not feeling too pleased right now with the idea of doing something yourself. Many of these terms might be new. I won’t lie to you, I was pretty scared myself when I started.

The first thing I did on my journey was to start following the top design blogs. I listened to the discussions that developers were having about using HTML5 and CSS3. In these arguments it became clear what was really important to know and what was over my head.

Use these links to start your journey learning design and development.

  • – Weekly Roundup of Design Resources

 

Related articles
  • Fluidity – A Modern CSS3 And HTML5 Framework For Node.js/Stylus
  • 16 Useful Responsive CSS Frameworks And Boilerplates
  • 50 Fresh Resources and Tools for Inspired Web Design
  • How to Use Any Font You Like With CSS3
  • jQuery/HTML 5 Slides Plugins To Help You With Presentations – 18 Items
  • CSS Grid Systems Make You Look Good and Your Client Happy
  • Separation, Abstraction, and Cascading in CSS
  • Responsive Slideshow Photo Gallery Grid with Html5

Filed Under: Technology Tagged With: Cascading Style Sheets, CSS, Data Formats, Google+, HTML, HTML5, Twitter, Twitter Bootstrap

ALT="Jayme Soulati"

Message Mapping is My Secret Sauce to Position Your Business with Customers!

Book a Call Now!
Free ebook

We listen, exchange ideas, execute, measure, and tweak as we go and grow.

Categories

Archives

Search this site

I'm a featured publisher in Shareaholic's Content Channels
Social Media Today Contributor
Proud 12 Most Writer

© 2010-2019. Soulati Media, Inc. All rights reserved. Dayton, Ohio, 45459 | 937.312.1363