---
title: Welcome!
description: Scratch Addons has been installed successfully! Thank you for installing. We hope you enjoy the extension!
---

<style>
	#pin .pin-float {
		max-width: 33.33%;
	}

	#support {
		clear: both;
	}
</style>

<section id="intro" class="intro-heading">
	<h1 class="mb-3">Welcome!</h1>
	<p class="mb-1">Scratch Addons has been installed successfully!</p>
	<p class="mb-1">Thank you for installing. We hope you enjoy the extension!</p>
</section>

<!-- Note: if this section is modified, also change it on extension-settings.html -->
<section id="getting-started" class="container mb-4">
	<h2>Getting started</h2>
	<div class="card-group">
		<div class="card">
			<div class="card-header">
				Step 1
			</div>
			<img class="card-img-top" src="/assets/img/getting-started/step-1.png" alt="Open the Scratch Addons popup">
			<div class="card-body">
				<h5 class="card-title">Open the Scratch Addons popup</h5>
				<p class="card-text">You may need to open the Extensions list by clicking the puzzle icon before finding it.</p>
			</div>
		</div>
		<div class="card">
			<div class="card-header">
				Step 2
			</div>
			<img class="card-img-top" src="/assets/img/getting-started/step-2.png" alt="Press the gear icon to go to the Settings page">
			<div class="card-body">
				<h5 class="card-title">Press the gear icon to go to the Settings page</h5>
				<p class="card-text">This will open the Settings page where you can configure how the extension works.</p>
			</div>
		</div>
		<div class="card">
			<div class="card-header">
				Step 3
			</div>
			<img class="card-img-top" src="/assets/img/getting-started/step-3.png" alt="Scroll through the addons list and enable the ones that you want">
			<div class="card-body">
				<h5 class="card-title">Scroll through the addons list and enable the ones that you want</h5>
				<p class="card-text">You can also configure each of the addons on the bottom section of each addon.</p>
			</div>
		</div>
	</div>
</section>

<section id="pin" class="container mb-4" style="clear: both">
	<img class="pin-float d-none d-md-block float-right" src="/assets/img/getting-started/pin.png">
	<h2>Pin the extension</h2>
	<img class="d-block d-md-none w-100 mb-3" src="/assets/img/getting-started/pin.png">
	<p>In some browsers, you should take your time to pin the extension.</p>
	<p>Open the Extensions list by clicking the puzzle icon and find Scratch Addons. Then, you can pin it by pressing the icon, or right clicking the extension and pin it through the menu.</p>
</section>

<section id="support" class="container mb-4">
	<h2 class="h4">Want to support us?</h2>
	<p>You can star our <a href="https://github.com/ScratchAddons/ScratchAddons">repository on GitHub</a> or leave a review on <a href="https://chrome.google.com/webstore/detail/fbeffbjdlemaoicjdapfpikkikjoneco">the Chrome extension page</a>, <a href="https://addons.mozilla.org/firefox/addon/scratch-messaging-extension/">the Firefox addon page</a> or <a href="https://microsoftedge.microsoft.com/addons/detail/scratch-addons/iliepgjnemckemgnledoipfiilhajdjj">the Microsoft Edge addon page</a>.</p>
</section>