Markdown: Get Your Listing layout the way you want

Markdown: Get Your Listing layout the way you want

Looking to enhance the appearance of your web content? Here's the good news, you don't have to be a web designer, coder, have deep technical knowledge or even know CSS/HTML to enhance your product pages on your gosadi DLP. We’ve got you covered!

Along with the ability to select your preferred theme and customize DLP themes in the future, we've integrated Markdown. Now, you can effortlessly add stylized text to your content, bringing your web pages to life with a touch of elegance and flair. Let's explore how Markdown can enhance your web content's appeal.

What is Markdown

Markdown is a simple, user-friendly way to format text on the web. It's been making styling text easy for nearly 20 years. Think of it as a personal assistant for your web content: you tell it how to style your text, and it does the rest. If you've ever used an asterisk (*) to italicize words in a message, you've used something similar to Markdown!

How Markdown works on gosadi

on your dlp

gosadi fully supports Markdown on patterns posted on your DLP. This means you can use Markdown to style and format your product descriptions, making them more visually appealing to your customers.

Markdown on Selling Channels


While gosadi DLP fully supports Markdown, it's essential to note that other selling channels may have varying text editing capabilities. Here's a quick overview:

ravelry

Markdown has been integrated with gosadi, keeping in mind its popularity on platforms like Ravelry. For those familiar with Markdown from Ravelry, this means a seamless experience on gosadi. Your product listings will maintain a consistent, professional appearance across both platforms.

etsy

On the other hand, some selling channels, including Etsy, have limitations on stylized text. When using gosadi for Etsy listings, you'll find that Markdown formatting options aren't available in the Selling Channel tab. This is due to Etsy's restrictions on text styling, so it's something to keep in mind when managing content across different platforms.

However, if these platforms ever decide to adopt Markdown or allow stylized text in the future, updating your content on gosadi will be a breeze. We are fully prepared to implement Markdown on any Selling Channel!

gosadi Markdown Editor Views

The gosadi Markdown editor currently defaults to the editor view, which means you will see the markup by default. However, you can easily switch between views:

editor view

By default, you'll see the Markdown markup in the editor.

preview view

Click on "Preview" to see a prettified version of your text.

 Important: This is the version that your customers will see, so always preview.

both editor and preview

Additionally, you can choose to see both the editor and preview versions of your text side by side, which can assist you in editing effectively.

How to Apply Markdown

Applying Markdown styles in gosadi is easy and user-friendly. Follow these steps to format your text:

  1. Highlight Text: Begin by selecting the text you want to format with Markdown. Simply click and drag your cursor to highlight the text.

  2. Click on a Markdown Icon: After highlighting the text, a Markdown icon toolbar will appear. Click on the specific Markdown style you want to add, such as bold, italic, underline, bullet list, or numbered list.

    For example, to make text bold, hover over the text, and click on the bold (B) icon in the Markdown toolbar.

  3. Preview Your Changes: After applying the Markdown style, you can click on the "Preview" button to see how your text will look with the applied style.

  4. Edit as Needed: If you want to make further changes or adjustments to your formatted text, simply click back on the text in the editor and reapply the Markdown style or edit the existing Markdown.

Adding Hyperlinks

Adding hyperlinks in Markdown involves a few more steps. Here's how to do it:

  1. Highlight Text: Highlight the text you want to turn into a hyperlink.

  2. Click on the Link Icon: Click on the link (chain link) icon.

  3. Review Link Text: The text that will be linked to the URL will now appear between brackets followed by parenthesis. 

  4. Enter URL: Enter or paste the full URL into the parenthesis you want the text to link to.

  5. Preview Your Link: To ensure your hyperlink works correctly, click on the "Preview" button to see the formatted link. You can also click on it in the preview to verify that it opens the intended web page.

  6. Edit or Remove Link: To edit or remove the hyperlink, update the URL 

Final Thoughts & Additional Resources

Markdown simplifies creating beautiful web content for everyone, technical or not. Don't worry if it's new to you; practice makes perfect! For more in-depth learning, check out this beginners guide to learn the basics or explore Markdown in more detail here. Happy styling!

What is a Designer Landing Page (DLP)?

Follow this guide to learn how to navigate your Photo Gallery and manage your Selling Channel Photos. We’ll help you display your Products in the best possible light while protecting your brand from potential copyright infringements.

Read More