large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

<p><a href="http://ift.tt/2qZ0BXz">Design + Sketch App &mdash; Medium</a> | Anima App </p>
<h4>Enhance your websites with these awesome widgets</h4>
<p><img alt="" src="http://ift.tt/2qpCuyh"></p>
<h3>Article Overview</h3>
<ul>
<li>📣 Announcement</li>
<li>⚛️ Widgets List</li>
<li>💎 In Sketch Rendering</li>
<li>💁 Demos</li>
<li>💪 Examples</li>
<li>☝️ How to</li>
</ul>
<h3>📣 Announcement</h3>
<p>On our mission to empower designers, we are continuously pushing the envelope on what designers can achieve <strong>without</strong> writing a single line of code.</p>
<p>The web is an ecosystem where websites live in. Many companies that develop web products, offer ways to integrate their products or services in other websites.</p>
<p>Often times these come in a form of an easily customizable snippet of code that is generated automatically per user preferences. Once embedded in a website, these snippets of code offer new functionality.</p>
<p>With the amount of companies out there offering embeddable snippets, the possibilities are endless.</p>
<p>We call these snippets for extending websites capabilities “<strong>Widgets</strong>”.</p>
<p>Today we are happy to announce that Launchpad websites support a variety of Widgets. We are also introducing an easy way to discover and embed widgets with our new <strong>Widget Market</strong></p>
<h3><strong>⚛️ Widgets List</strong></h3>
<p><a href="http://ift.tt/2rJ3ZqI"><img alt="" src="http://ift.tt/2qpyEp5"></a></p>
<p>Widgets can perform different functions from a variety of categories:</p>
<ul>
<li>Gumroad — Add E-Commerce and sell stuff.</li>
<li>Crisp.im — Live chat for your website</li>
<li>User or Stakeholders Feedback — Great for iterating on your design</li>
<li>Analytics — Google Analytics/Mixpanel/Statcounter</li>
<li>Restaurants table ordering — With Open Table</li>
<li>Social media feed by Juicer.io — Display a feed of your social media</li>
<li>Marketing — HubSpot, Marketo — Track your leads</li>
<li>And much more</li>
</ul>
<p>On top of that, we will be constantly adding more Widgets that will extend the feature set for websites you can build with Launchpad.</p>
<h3><strong>💎 In Sketch Rendering</strong></h3>
<p>When adding a widget that includes user interface, Launchpad will render it and place a snapshot in your Sketch design to make it easy to see how the widget blends in with the rest of the design.</p>
<p><img alt="" src="http://ift.tt/2rISTlj">Adding a Google Map widget renders it right inside Sketch</p>
<h3><strong>💁 Demos</strong></h3>
<p>Live demos for various widgets — <a href="http://ift.tt/2rJ3ZqI">http://ift.tt/2qpyEFB</a></p>
<h3>💪 Examples</h3>
<p>Adding a widget is easy as <strong>Copy Pasting</strong> a ready-made snippet.</p>
<h4>💬 Chat</h4>
<p>Here is how we added Live Chat to our website in under a minute:</p>
<p><a href="http://ift.tt/2qvU9oN"><img alt="" src="http://ift.tt/2qpHUcC"></a>How we added Live Chat in our <a href="http://ift.tt/2qvU9oN">Launchpad website</a> in under a minute — no coding needed. — <a href="https://www.youtube.com/watch?v=R2y915B_VAA">https://www.youtube.com/watch?v=R2y915B_VAA</a></p>
<h4>📸 Usersnap</h4>
<p>Gather feedback on your design.</p>
<p>Comment on our Launchpad website:</p>
<p><a href="http://ift.tt/2rIUAPY"><img alt="" src="http://ift.tt/2qpi88t"></a><a href="http://ift.tt/2rIUAPY">http://ift.tt/2rIUAPY</a></p>
<p>Try it live: <a href="http://ift.tt/2rIUAPY">http://ift.tt/2rIUAPY</a></p>
<h4>📍 Google Map</h4>
<p>How to add a live Google Map to your website in under a minute:</p>
<p><img alt="" src="http://ift.tt/2rISK1r">How to add a live map to your website in under a minute — no coding needed.</p>
<h3>☝️ How to</h3>
<p>To add a widget simply copy its snippet from its website and paste into Launchpad:</p>
<p><img alt="" src="http://ift.tt/2qpCAWJ">Click ••• and then Widgets<img alt="" src="http://ift.tt/2rISUWp">Select a widget on the left<img alt="" src="http://ift.tt/2qpF2wE">Follow the instructions on where to get the snippet and paste the snippet</p>
<p>Widgets can be added in 3 different levels:</p>
<p><img alt="" src="http://ift.tt/2rItQPG"></p>
<ul>
<li>Selected Layer</li>
<li>Selected Artboards (Webpages)</li>
<li>Website</li>
</ul>
<p>Widgets like Chat, Marketing tracking, and similar should be added to the whole website while widgets like Google Maps, Gumroad purchase form should be added to a layer.</p>
<p>As a general rule, if the widget can be positioned in the page, it should be added to a layer rather than the artboard or whole website.</p>
<blockquote><p>For designers care about marketing, measuring and customer success — Launchpad is the perfect tool for the job.</p></blockquote>
<p>Suggest a widget: <a href="mailto:widgets@animaapp.com">widgets@animaapp.com</a></p>
<p>Every week we are rolling out a new set of exciting features. To make sure you stay up to date with the latest on Launchpad —</p>
<p><strong>📩 </strong><a href="http://ift.tt/2pST9Ku"><strong>Subscribe to our Newsletter</strong></a><strong> (2 emails per month)</strong></p>
<ul>
<li>Get started: <a href="http://ift.tt/2qvU9oN">http://ift.tt/2qvU9oN</a></li>
<li>Direct Download: <a href="http://ift.tt/2qpnCQO">http://ift.tt/2qpnCQO</a></li>
<li>For discussion feel free to join our <a href="http://ift.tt/2om4UM4">Facebook Group</a></li>
<li>From your friends at <a href="http://ift.tt/2cebuy2">Anima</a>👋</li>
</ul>
<p><img src="http://ift.tt/2rJdLZX" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="http://ift.tt/2qpyoX1">Launchpad — Introducing Widgets</a> was originally published in <a href="http://ift.tt/1OWmBEs">Design + Sketch</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


Launchpad — Introducing Widgets

Launchpad — Introducing Widgets

Enhance your websites with these awesome widgets

Article Overview

📣 Announcement

Top Stories