<!DOCTYPE html>
<html class="en-GB">
<head>
<title>Customisable teams and invites in your Rails app</title>
<meta name="description" content="Many SaaS application need some sort of team setup where members can invite other members to participate. Sjabloon does all this for you. And fully customisable." />
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="wD/cGQCmLdWGuO5ZoBGAUDIYBawIhHLqpXiN0ELG81AHBXrKdeg38DpD/hw+9/zZSve7CnDSxItGsnfArLyy8A==" />
<script src="https://js.stripe.com/v3/"></script>
<meta property="og:site_name" content="Sjabloon">
<meta property="og:title" content="Customisable teams and invites in your Rails app" />
<meta property="og:description" content="Many SaaS application need some sort of team setup where members can invite other members to participate. Sjabloon does all this for you. And fully customisable.">
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.getsjabloon.com/features/teams" />
<meta property="og:image" content="https://www.getsjabloon.com/packs/media/images/social-483fb4efa20beb2655befb29d65850d1.jpg"></meta>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ntscHQ">
<meta name="twitter:domain" value="getsjabloon.com" />
<meta name="twitter:title" value="Customisable teams and invites in your Rails app" />
<meta name="twitter:description" value="Many SaaS application need some sort of team setup where members can invite other members to participate. Sjabloon does all this for you. And fully customisable." />
<meta property="twitter:image" content="https://www.getsjabloon.com/packs/media/images/social-483fb4efa20beb2655befb29d65850d1.jpg"></meta>
<meta name="twitter:url" value="https://www.getsjabloon.com/features/teams" />
<meta property="og:logo" content="https://www.getsjabloon.com/logo.jpg" />
<script src="/packs/js/application-52108bb48a94ea445faf.js" data-turbolinks-track="reload"></script>
<link rel="stylesheet" media="screen" href="/packs/css/application-49f7a508.css" data-turbolinks-track="reload" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="6ZvJ4u5D3MhqQhHVjdjAzRUq66Za_Xez7zSLX7tJ-E0" />
</head>
<body class="">
<div class="site-announcement" data-controller="site-announcements" data-target="site-announcements.banner" data-site-announcements-id="37" data-site-announcements-site-name="sjabloon">
<span class="site-announcement__badge site-announcement__badge--#{last_announcement.announcement_type}">
news
</span>
<a class="site-announcement__title" href="https://railsdesigner.com/">Professionally designed UI components to build your next Ruby on Rails app even faster</a>
<a class="site-announcement__action" href="https://railsdesigner.com/">Check it out</a>
<button class="site-announcement__close" data-action="click->site-announcements#dismiss">
<svg viewbox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="site-announcement__close-icon"> <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd"> <g id="icon-shape"> <polygon id="Combined-Shape" points="10 8.58578644 2.92893219 1.51471863 1.51471863 2.92893219 8.58578644 10 1.51471863 17.0710678 2.92893219 18.4852814 10 11.4142136 17.0710678 18.4852814 18.4852814 17.0710678 11.4142136 10 18.4852814 2.92893219 17.0710678 1.51471863 10 8.58578644"></polygon> </g> </g> </svg>
</button>
</div>
<nav class="justify-between text-sm leading-tight nav" data-controller="navigation" data-target="navigation.component" data-action="scroll@window->navigation#onScroll">
<a class="inline-flex" href="/">
<svg width="30" height="30" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><title>logo</title><defs><linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="a"><stop stop-color="#00CAFF" offset="0%"/><stop stop-color="#009AFF" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><circle fill="url(#a)" cx="100" cy="100" r="100"/><path d="M126.412 145.011v16.379H72.565v-16.379H46L83.558 39h35.136l37.356 106.011h-29.638zm-7.464-24.006L102.54 64.847l-16.267 56.158h32.676z" fill="#FFF"/></g></svg>
</a>
<div class="nav__items" data-target="navigation.items">
<a class="nav__item nav__link" href="/login">log in</a>
</div>
<span role="link" class="navigation__item navigation__toggle" data-target="navigation.toggle" data-action="click->navigation#toggle">menu</span>
</nav>
<div class="overflow-hidden hero">
<div class="container hero__content">
<span class="feature-hero__tag">Feature</span>
<h1 class="feature-hero__heading">
Customisable teams <span class='text-gray-600'>(and invites)</span>
</h1>
<p class="feature-hero__intro">
At some point many SaaS applications need some form of teams set up. Usually this is a “container” model that holds the business logic, like: “statistics”, “messages” or whatever the core of your product is. Depending on your application “team” and “members” are valid names, but other times “company” and “employee” fits the bill better. Good thing, Sjabloon has you, yet again, covered.
</p>
</div>
<div class="bg-no-repeat bg-cover shadow-lg chrome-wrapper" style="background-image: url(https://www.getsjabloon.com/packs/media/images/features/teams-144e3542e7416961804b1922aba5ffe2.jpg); width: 100%; max-width: 120rem; height: 30rem"></div>
</div>
<div class="max-w-xl mx-auto mt-16">
<h2 class="mt-6 mb-1 text-xl font-bold">Teams, Company or Organisation?</h2>
<p class="">From your Sjabloon dashboard you can choose how you want to name your relationships models that fits your business logic. Is it “team”? Go for it? Does “Organisation” fit better? No problem. And what about the join model between teams and user (or account or person!)? This is also fully customisable. Just choose the name that fits your app best, be it member, membership or employee. Your app, your choice.</p>
<h2 class="mt-6 mt-8 mb-1 text-xl font-bold">Invite others</h2>
<p class="">Not much fun having a team (or however these are called in your app) without any members (or, again, however you like to call them). So your users can invite others by email. When new users follow the link in this email they create a new account in your app and get access to the team right away. Do they already have an account (with given email), then they get access right away too. And revoking access to a team is done with just a click. Ready from the get-go, no extra code needed from you.</p>
</div>
<footer class="footer-wrapper">
</footer>
<script async defer data-domain="getsjabloon.com" src="https://plausible.io/js/plausible.js"></script>
</body>
</html>