# Spline’daki 3D sahneler Shopify’a nasıl gömülür - Spline Academy (https://spline.design/tr/academy/tutorials/how-to-embed-3d-scenes-from-spline-into-shopify)

> Merhaba! Bu eğitimde Spline’daki etkileşimli 3D tasarımları Shopify’a sorunsuzca entegre etmeyi adım adım anlatıyoruz. Ayrıca tasarımlarını bir üst seviyeye…

1. [Academy](https://spline.design/tr/academy)
2. [Eğitimler](https://spline.design/tr/academy/tutorials)
3. Spline’daki 3D sahneler Shopify’a nasıl gömülür

# Spline’daki 3D sahneler Shopify’a nasıl gömülür

Spline 3DBaşlangıç9 dk

Merhaba! Bu eğitimde Spline’daki etkileşimli 3D tasarımları Shopify’a sorunsuzca entegre etmeyi adım adım anlatıyoruz. Ayrıca tasarımlarını bir üst seviyeye taşımana ve online mağazanda daha sürükleyici bir deneyim oluşturmana yardımcı olacak özelleştirme, animasyon, etkileşim ve görsel dışa aktarma ipuçlarını da paylaşıyoruz!

🚗 Remix: <https://app.spline.design/file/f7c182a6-85e2-45c1-9ecb-45d4de2e89cb>

Daha fazla harika yaratıcıyı ve projeyi #MadeInSpline <https://community.spline.design/> adresinde keşfet

## Neler öğreneceksin

1. [0:00Giriş](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=0s)
2. [0:313D tasarımları özelleştirmek ve gömmek](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=31s)
3. [1:05Spline sahnemi dışa aktarıp Shopify’a eklemek](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=65s)
4. [3:51Etkileşim ve animasyon oluşturmak](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=231s)
5. [5:00Etkileşimli örnek (Mouse Hover olayı)](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=300s)
6. [6:04Oynatma ayarlarını keşfetmek ve dışa aktarmak](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=364s)
7. [7:21Görselleri dışa aktarmak](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=441s)
8. [8:05Topluluk tasarımlarını keşfetmek](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=485s)
9. [8:33Haftanın bir sonraki tasarımcısı sen olabilirsin!](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=513s)

## İlgili kaynaklar

- [Futuristic CarŞablon](https://app.spline.design/academy/tutorials/how-to-embed-3d-scenes-from-spline-into-shopify?redirect-duplicate-template-uuid=03474bec-095f-4616-8cb2-879be46b0143&is-2d-file=false)
- [Integrating with ShopifyDoküman](https://docs.spline.design/integrations/integrating-with-shopify)

## Genel bakış

- Spline 3D
- 9 dk
- Başlangıç

## Ait olduğu kurs:

- [Spline’da dışa aktarma ve entegrasyon](https://spline.design/tr/academy/collections/export-integration-in-spline/how-to-embed-3d-scenes-from-spline-into-shopify)

## İlgili eğitimler

[Tüm eğitimler](https://spline.design/tr/academy/tutorials)

[Etkileşimli 3D sahneleri Wix web sitelerine gömSpline 3DBaşlangıç5 dk](https://spline.design/tr/academy/tutorials/embed-interactive-3d-scenes-into-wix-websites)[Instant.so’da etkileşimli bir 3D mağaza açSpline 3DBaşlangıç4 dk](https://spline.design/tr/academy/tutorials/launch-an-interactive-3d-storefront-on-instantso)[3D sahnelerin için gerçek zamanlı API’ler ve webhook’lar nasıl kurulurSpline 3Dİleri16 dk](https://spline.design/tr/academy/tutorials/how-to-set-up-real-time-apis-and-webhooks-for-your-3d-scenes)

[Spline](https://spline.design/tr)

Ekipler ve ajanları için 3D ve 2D editör. Web’de, iOS’ta ve Android’de yayınla.

#### Spline’ı yapay zekaya sor

#### Ürünler

- [3D Tasarım](https://spline.design/tr/3d-design)
- [Hana](https://spline.design/tr/hana)
- [Omma](https://omma.build)
- [Yapay Zekayla 3D Üretim](https://spline.design/tr/ai-generate)
- [Spline MCP](https://spline.design/tr/mcp)
- [Spline Arena](https://spline.design/tr/arena)
- [Fiyatlandırma](https://spline.design/tr/pricing)
- [Kurumsal](https://spline.design/tr/enterprise)

#### Runtime’lar

- [Web](https://spline.design/tr/web)
- [iOS](https://spline.design/tr/ios)
- [Android](https://spline.design/tr/android)

#### Uygulamalar

- [İndir](https://spline.design/tr/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror’ı indir](https://spline.design/download-mirror)

#### Öğren

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/tr/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Çözümler](https://spline.design/solutions)

#### Topluluk

- [Spline Topluluğu](https://community.spline.design)
- [Blog](https://spline.design/tr/blog)
- [Sürüm Notları](https://spline.design/tr/changelog)
- [Eğitim](https://spline.design/tr/education)
- [Contra](https://spline.design/contra)
- [Ortaklık](https://spline.design/tr/affiliate)

#### Şirket

- [Müşteriler](https://spline.design/tr/customers)
- [Kariyer](https://www.ycombinator.com/companies/spline/jobs)
- [Güvenlik](https://spline.design/tr/security)

#### Yasal

- [Şartlar ve Koşullar](https://spline.design/terms)
- [Gizlilik](https://spline.design/privacy)

#### İletişim

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.