Iselona & placement

Ṣe ara bọtini Web SDK

import type { RenderTryOnButtonOptions } from "@spreeai/web-sdk";

export const brandedButton: RenderTryOnButtonOptions = {
  elementId: "spreeai-try-on",
  garments: [{ garmentId: "YOUR_READY_GARMENT_ID" }],
  className: "product-try-on",
  features: {
    tryOnButton: {
      text: "Try it on you",
      backgroundColor: "#171717",
      textColor: "#ffffff",
      borderRadius: "6px",
      padding: "14px 24px",
      fontSize: "16px",
      width: "100%",
    },
  },
};

features.tryOnButton kan awọn aza inline o si dojukọ iwe aṣa aifọwọyi. Awọn oniwe- text iye tun gba iṣaaju lori button.text. Lo className fun kilasi bọtini afikun rẹ.

Awọn aaye ara ti o ni atilẹyin

text, iconUrl, iconHeight, backgroundColor, textColor, width, height, borderRadius, fontSize, fontWeight, padding, border àti boxShadow.

ihuwasi ajọṣọ

Ifọrọwanilẹnuwo ti gbalejo v3 jẹ dì idagiri isalẹ, to 1000px fife ati 95% ti giga wiwo. Ni 744px tabi dín, o jẹ iboju kikun. Tun-ṣayẹwo eyikeyi ifọrọwerọ ti o wa tẹlẹ CSS dopin lẹhin iṣiwa.

Wiwọle ati ihuwasi oju-iwe

• Lo aami ijuwe ati itansan to fun bọtini naa.
• Idanwo iraye si keyboard, imupadabọ idojukọ, Sa ati ihuwasi yi lọ.
• Ṣayẹwo ifilelẹ lori awọn foonu gidi, ọrọ ti o sun-un ati awọn iboju ti o dín.
• Jeki alaye ọja ati isanwo ohun elo ti SPREEAI ko ba le fifuye.

Shopify ipo

Lo awọn eto idinamọ app ni olootu akori fun Shopify. Ma ṣe daakọ awọn aṣayan iselona Web SDK sinu iṣeto app Shopify. Wo Iṣọpọ Shopify.