Responsive Desktop/Tablet Layout

Local Business Schema

FAQ Schema

Ecommerce: Square Point of Sale (POS)

Error Message on Sitemodify Site – Xfinity

Lottie Animations

Education and Non-Profit Discounts

Data Portability

Mobile: Editing Sites

Ecommerce: Marketplaces – eBay and Amazon

Note: This option is still in beta.

Due to the recent iPadOS release, iPads render a desktop version of your website, which means that visitors on tablets may not be getting the ideal view of your sites. By switching to responsive desktop/tablet layout you can ensure that your any tablet-specific customization is visible on live sites.

This responsive layout automatically switches the top navigation header from the larger desktop version to a hamburger menu when the screen size is 1024px and below.

To use the responsive layout, select Design on the left side of your site editor and click “Site Layout.”

Under Desktop/Tablet toggle on the “responsive desktop/tablet” option. Select a site layout for above 1024px, as well as 1024px and below.

After selecting this responsive layout, you can switch views in your top navigation to show the desktop, tablet, and mobile layouts to see how this change affects the experience.

Notes:

  1. Large desktop and small desktop/tablet CSS is identical. You will not see a tablet CSS.
  2. Some elements may be hidden on different breakpoints. You can read more about hidden elements here.
  3. Transitions will be smoother in the responsive layout and dependent on the User Agent.
  4. Certain tablet customizations will automatically display the desktop layout; there is no need to customize:
    • Photo gallery layouts
    • Map and online scheduling widget: the “Use as Button” setting
    • Tablet personalization rules
    • Animations

Adding schema makes the business information on your site more discoverable by search engines and easier to find by potential site visitors.

Details

Schema markup is code which helps engines better understand your website. This code can lead to more informative results for users and as a result, potentially better search rankings for your site.

To learn more about schema, visit www.schema.org

The Local Business schema is simple to enable by filling in the content library of your site. Once information is entered into the Business Info Screen, the location, the logo and business name entered will be used. As well, the About Us paragraph and the first five images entered will be used in the schema.

Local Business Information Required/Recommended

Some of the following fields are required in order to generate schema while some are recommended, however, the more information that can be filled in, the more accurate the schema will be.

Note: if the business does not have a physical location, we recommend NOT enabling Local Business Schema

Content Library Field

Required

Description

Business Name (Not location name) Yes List the most commonly used name by customers.
Address Yes List the physical address of a business. Note: if the business does not have a physical location, we recommend NOT enabling Local Business Schema
Geo Yes* List the latitude/longitude that represents the business location. * Without Code try to generate this automatically based on the address entered.
Social Networks No Enter the social media profile links of the business. In Schema, this is represented as ‘sameAs’ which means this is another URL(s) where the business can be found.
Business Hours No List the hours the business is open.
Image (under Business Images) Yes Add a group of images that best represent the business. Note: this is not required for schema, however, it is for Google validation tools, so it is also required within Without Code.
Email No List the business email address.
Phone No List the business phone number.
Logo No Add a logo that represents the business. Note: this is not required, but strongly recommended.
About Us (under Business Text) No Write a short description giving an overview of the business.

 

Enable Local Business Schema

To generate this, select the Content tab within your website builder. Then click “Business Info.”

 

Enter as many details as possible in this section. Then click “Review & Enable.”

 

Review information and click “Enable Schema.”

 

Note: Your site must be published in order for the schema to take effect.

Validate Schema

To confirm that your schema is valid, click the “Validate with Google” link on the review page. You can also confirm this by entering the URL of your published site into the Google Rich Results tool.

Adding schema makes the FAQ section on your site more discoverable by search engines and easier to find by potential site visitors.

Note: The FAQ Schema can currently only be enabled within the Accordion widget, not the FAQ/Accordion widget.

 

Details

Schema markup is code which helps engines better understand your website. This code can lead to more informative results for users and as a result, potentially better search rankings for your site.

To learn more about schema, visit www.schema.org.

 

Enabling Schema in the Accordion Widget

As many Without Code sites use the Accordion widget to display FAQs, the FAQ Schema has been enabled within this widget. This FAQ Schema is designed specifically for this format.

To enable, open the Accordion widget options and under the Content tab, enable the “Enable FAQ Schema” toggle.

 

The FAQ information will now be eligible for display in search and for an action on Google Assistant, making it easier for potential visitors to connect with your site.

Once you’ve enabled this, publish your site and preview results in Google’s Rich Results test.

Note: Google supports one FAQ schema per page; if you have multiple Accordion widgets on one page, enable the one with the most representative content (the one you want visible to search engines).

Note: this feature requires an Unlimited Ecommerce plan.

Square Point of Sale (POS) allows you to accept payments and synchronize both online and physical sales so inventory and order information remain up to date.

Note: in order to use this app, you must have a Square account. Sign up for an account here.

 

Existing Square Merchant – Create Your Online Store

Log in to your Square account and in your Dashboard, click Apps.

Click Visit App Marketplace and select the Ecwid app.

You will be brought to a list of permissions, click “Allow.”

Enter your information to create a new Ecwid store. This new store will be loaded with your Square products.

 

Connect your Without Code Ecwid Store to Square POS

In your Without Code site, you can connect your store with a Square POS system to sync your digital and physical sales.  Click on the Ecommerce tab, click Other Channels and select Square.

Select “Connect Square.” Log in to your Square account and click “Allow” on the permissions page.

Under Data synchronization, click to sync your inventory. Your Without Code store and the Square POS will now be connected.

Note: this feature requires an Unlimited Ecommerce plan.

 

Available Actions

  1. You can add your Square store inventory to your Without Code store by selecting “Import products from Square.”
  2. You can also add inventory to sell offline in your physical location by exporting products from your Without Code store to Square.
  3. You can disconnect your Square store by clicking “Disconnect current account and disable Square Payment.”

 

Synchronizing your Without Code Store and Square

If you created your store through Square, you have the option of synchronizing the catalog, inventory, and orders between the Without Code store and Square.

 

Importing Products from Square to your Without Code Store

Existing Products

You can import up to 250 products from Square to your Without Code store. Transferring existing products will import the following information:

  • SKU
  • Name
  • Price
  • Image
  • Description
  • Options with titles and price modifiers
  • Category

To import from Square, open up your Without Code site and select the Ecommerce tab, click on Other Channels and select Square. Then select “Import products from Square.”

 

New Products

When transferring a new product created in Square, the following information will be imported:

  • SKU
  • Name
  • Price
  • Stock level
  • Image
  • Description
  • Options with titles and price modifiers
  • Variations
  • Category

 

Product Updates

Stock levels sync automatically between your Square and your Without Code store, but other product changes made in Square, such as price, name, etc., must be updated manually (including the deletion of a product).

To update, select the Ecommerce tab, click Catalog and select Products.

Locate the product you want to update and delete it. Then select All Sales Channel and click Square.

Select “Import products from Square” to sync the product detail updates made in Square.

Note: If you delete a product in Square, you must remove it manually from your Without Code store.

 

Exporting Product from your Without Code Store to Square

You can export products from your Without Code store to Square (this will allow you to sell products at your physical location. Select All Sales Channels and click Square. Select “Export products.”

The following information will be exported:

  • SKU
  • Name
  • Price
  • Stock level
  • Description
  • Options with titles and price modifiers
  • Variations
  • Category

 

Product Updates

Stock levels sync automatically between your Without Code store and Square, but other product changes made in your Without Code store, such as price, name, etc., must be updated manually (including the deletion of a product).

To update products, open you your Square Dashboard, select Items.

Locate the product you want to update and delete it. Then return to your Ecwid store, click All Sales Channel and click Square.

Select “Export products” to sync the product detail updates made in Ecwid.

Note: If you delete a product in Square, you must remove it manually from your Without Code store.

 

Synchronizing Inventory and Orders

Inventory and orders can be automatically synced between your Without Code store and Square by following these steps

Inventory

  • Enable “Sync your inventory and sell offline with Square Register”
  • Ensure products have matching SKU numbers in both your Without Code store and Square

If you make a physical sale through Square, your online stock count will update within minutes and vis versa for online purchases made through your Without Code store.

 

Orders

  • Enable “Sync your inventory and sell offline with Square Register”
  • Ensure order was paid for with Square payments

Orders created with Square won’t be in your Without Code Store, but the inventory will automatically update.

 

Setting Location for Pickup Orders

If you have multiple locations for order pickup, you can synchronize online and physical location orders by assigning a pickup location for each option within your Without Code store. This will ensure that when a customer selects their pickup option online, the order is associated with the proper location in Square.

Within your Without Code store, select Shipping & Pickup.

Click “Add Pickup Option.”and entire the name, instructions, and pickup date/time within the pickup option. Pick the appropriate store address (these addresses must be added and activated locations in your Square Dashboard).

 

 

If you or your clients are using Xfinity internet, you may have experienced an error message when visiting preview links – (sitemodify.com).  The provider may have blacklisted the ISP and won’t allow you to visit the sitemodify site. Luckily, this can be solved by calling Xfinity and alerting them that your router is blocking the website.

Simply call the Xfinity support channel – 1-800-266-2278, select option 4 and request to escalate your issue.

State the following: “My router blocked the sitemodify.com website and this is a cloud based web development tool that I use for my business.”

This should result in Xfinity whitelisting sitemodify.com, allowing you to visit the website on your network in the future.

 

Disabling Advanced Security

If the above does not work, you can disable advanced security to allow it.

First login to your account – https://internet.xfinity.com/

Then select “More.”

Click “My Services.”

This will bring you to the xFI Advanced Security section; from here select “Disable” toggle the blue switch off. Once this is disabled, you we will be able to visit the sitemodify.com site without issue.

 

The Lottie Animations widget is a great way to add some movement to your website with high-quality animations. You can add vector quality animations to your site; either select from a large library of animations or create your own in After Effects and export them.

Note: Using Lottie Animations on mobile may decrease your PageSpeed.

To add an animation, open the Widgets tab and search for the Lottie Animations widget.

 

Click on the hyperlinked “LottieFiles” to bring up the library of animations.

 

Select the desired animation.

Note: if you select a free animation, you must include the creator’s credentials. More info here.

 

Locate the URL by clicking “Use this animation in <html>.”

 

Copy the JSON URL.

 

Returning to the site editor, paste this URL in the content tab of the widget.

Note: If you have an animation hosted outside of LottieFiles, simply paste the URL of the JSON file.

You can either select to “Loop animation” or “Animate on click” depending on if you want this to continually play or not.

 

Click the design tab to adjust the size and spacing of the widget. Use “Keep proportion” to maintain the existing proportions.

 

We may provide discounts to non-profit organizations, as well as educational institutions on a per case basis. Send us an email with proof of your non-profit/education status – sales@wocode.com – and we will let you know what’s available.

Note: the availability of a discount and the amount is dependent.

Although with any platform there are no guarantees they will be around forever, we don’t foresee Without Code ending, and definitely not within the near future.

In the unlikely event we went out of business, we would ensure you’re given all of your site assets, content and any code to carry on with as you wish. The code may not be ready to FTP somewhere else, however, we would provide something usable that you could work with and potentially port over to another platform.

If you have any other questions, let our team know – support@wocode.com

You can make edits to your site right from your mobile device by simply logging into your dashboard and opening the site editor. Use the mobile version of the editor to edit text, images, buttons, photo gallery, image slider, click-to-action widgets, and links designed in your desktop site editor. Widgets that are not supported will show a “coming soon” message.

The mobile editor does not offer the same functionality as the desktop or tablet editor but gives you the option to make simple edits on the go. This ensures that your design and layout settings set up on desktop remain unaffected. For example, you will be unable to add a new page on mobile, as well as delete/unhide rows and widgets.

Clicking on the three buttons on the lower right-hand side will open up additional options.

 

Bypass the Mobile Editor

Note: it is recommended that you make all major edits through your desktop editor.

In an emergency situation, you may need to access the full site editor. You can do this from your phone by logging into your dashboard, opening the site editor for the relevant site and within the browser window click on the three dots to bring up your options; select “Desktop Site.”

This will load the desktop editor.

 

Marketplaces are a good place to promote your products outside of your own site. You can easily list products on eBay or Amazon to sell through these channels; simply choose the products from your built-in Without Code store and sync them with your eBay/Amazon store. Any changes you make in the future in the future can be managed directly from your website.

In order to integrate eBay and Amazon, the store uses the third party Codisto app. This app can be installed directly through the built-in store and includes a separate fee.

 

Set up Your Marketplace Account

In order to connect eBay or Amazon, set up your seller account:

eBay: https://pages.ebay.ca/seller-centre/

Amazon: https://sellercentral.amazon.ca/

Note: for any questions about setting up your accounts, please refer to eBay or Amazon instructions.

 

Connect Your Store

After setting up your account, you can now connect it with your built-in Without Code store.

Select the Store option from the left menu, click “All Sales Channels” and select the relevant marketplace.

 

Click to manage listings and this will open up the Codisto app plan options.

 

To find out how to finish connecting your marketplaces read Codisto’s step-by-step instructions.

Join Now