Basic Overview of the Tradly Editor

The Tradly Editor provides a comprehensive interface for customizing your marketplace site. Below is an overview of the various options available in the editor.

General Settings

In the General settings, you can update business-related information such as:

  • Web Favicon: Upload a favicon for your site. Recommended file size is 100KB.
  • Web Logo: Upload your business logo.
  • Terms URL: Enter the URL for your site’s terms and conditions.
  • Privacy URL: Enter the URL for your site’s privacy policy.
  • Business Name: Set the name of your business.

Global Styling

The Global Styling section in the Tradly Editor allows you to customize the overall appearance of your site. Below are the specific settings available:

Add Listings
  • Fonts: Customize the fonts used throughout your site.

    • Primary Font: Select the main font for your site.
    • Title Font: Choose the font for titles.
    • Body Font: Select the font for the body text.
    • If your favorite font is missing, you can request it to be added by posting in the community.
  • Typography: Adjust the typography settings for various text elements.

    • Header Menu: Customize the text size, color, font weight, and line height for the header menu.
    • Title H1: Set the typography for the main titles.
    • Heading H2: Adjust the typography for secondary headings.
    • Paragraph: Customize the typography for paragraph text.
    • Caption: Set the typography for captions.
  • Colors: Set the color scheme for your site.

    • Primary Color: Choose the main color for your site.
    • Secondary Color: Select a secondary color.
    • Body Background Color: Set the background color for the body of your site.
  • Body: Configure the body layout settings.

    • Maximum Width: Set the maximum width for the content area.
    • Padding Right/Left: Adjust the padding on the right and left sides.
    • Gap Between Components: Set the gap between different components on your site.
  • Listing Card: Customize the appearance of listing cards.

    • Card Type: Choose the type of listing card (List, Flex with left/right image, Table, Custom).
    • Card: Adjust settings related to the overall card design.
    • Image: Customize the appearance of images within listing cards.
    • Title: Set the typography and styling for titles on listing cards.
    • Wish Button: Customize the appearance of the wish button.
    • Price: Adjust the price display settings.
    • Account: Configure the account-related settings.
    • Donation: Customize the donation button (if applicable).
    • Card Hover: Set the styling for card hover effects.
  • Account Card: Adjust the settings for account cards.

    • Card Type: Choose the type of account card.
    • Card: Customize the overall card design.
    • Image: Adjust the image settings within account cards.
    • Account Name: Set the typography and styling for account names.
    • Owner Name: Customize the owner name display.
    • Location: Adjust the location display settings.
    • Follow Button: Set the appearance of the follow button.
    • Direction Button: Customize the direction button.
    • Category Button: Adjust the category button settings.
    • Card Hover: Set the styling for card hover effects.
  • Button: Customize the buttons on your site.

    • Border Curve: Adjust the border radius for buttons to change their shape.
  • Form Input Field: Set the styling for form input fields.

    • Border Curve: Adjust the border radius for input fields to change their shape.

Design the header, profile menus, and footer of your site:

  • Header: Customize the layout and style of the header, including navigation links and menus.
  • Profile Menus: Customize the layout and options for dynamic profile menus.
  • Footer: Customize the layout and content of the footer.
Add Listings

Listings, Blogs Layout, and Pages Layout

Manage the details and layout for listings, blogs, and various pages:

  • Listings: Customize the appearance and content of listing pages.
  • Blogs Layout: Customize how your blog posts are displayed.
  • Pages Layout: Adjust the appearance and content of different pages.
Add Listings

Tag Listings and Checkout

Set up the tag listings and checkout page:

  • Tag Listings: Customize the layout and content of tag listings.
  • Checkout: Customize the layout and options for the checkout process.
Add Listings

Add Listing and Onboarding

Manage the Add Listing and onboarding pages:

  • Add Listing: Customize how users can add new listings.
  • Onboarding: Configure authentication pages such as signup, sign-in, and forgot password.
Add Listings

Wallet and Account Details

Set up the Mango Pay wallet page and update account details:

  • Wallet: Customize the wallet interface (optional for first-time setup).
  • Account Details: Customize the background for account details.
Add Listings

SEO Settings

Set up SEO settings for various pages:

  • Meta Titles and Descriptions: Customize the meta titles and descriptions for your pages.

Creating Dynamic Pages

At the bottom of the editor, there is an option to create more dynamic pages as needed:

  • Dynamic Pages: Create new pages and replace default pages such as the home page and listings page.

Site Selection

At the top of the editor, beside the “Editor” text, there is a dropdown that allows you to switch between different sites:

  • Site Selection: If you have multiple sites, select the site where you want to set up new templates.

By following these options, you can fully customize your marketplace site using the Tradly Editor.

Got questions?

No spam. You can unsubscribe at any time.