# Spline’daki 3D sahneler Shopify’a nasıl gömülür - Spline’da dışa aktarma ve entegrasyon - 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. [Kurslar](https://spline.design/tr/academy/collections)
3. [Spline’da dışa aktarma ve entegrasyon](https://spline.design/tr/academy/collections/export-integration-in-spline)
4. Spline’daki 3D sahneler Shopify’a nasıl gömülür

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

Ders 2 / 8Spline 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ıç

## Sıradaki

[Instant.so’da etkileşimli bir 3D mağaza aç4 dkBaşlangıç](https://spline.design/tr/academy/collections/export-integration-in-spline/launch-an-interactive-3d-storefront-on-instantso)[Devam et](https://spline.design/tr/academy/collections/export-integration-in-spline/launch-an-interactive-3d-storefront-on-instantso)

[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.