{"id":371104,"date":"2022-12-18T16:16:00","date_gmt":"2022-12-18T13:16:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=371104"},"modified":"2023-04-30T11:17:13","modified_gmt":"2023-04-30T08:17:13","slug":"so-fuegen-sie-einen-woocommerce-produktvergleich-hinzu","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-fuegen-sie-einen-woocommerce-produktvergleich-hinzu\/","title":{"rendered":"So f\u00fcgen Sie einen WooCommerce-Produktvergleich hinzu"},"content":{"rendered":"\n

Heutzutage ist das Erstellen von Shop-Websites mit WordPress sehr beliebt und einfach. Dank WooCommerce, dem beliebtesten Plugin zum Erstellen von Shops, und vielen kundenfreundlichen WooCommerce-Themes<\/a> kann heute fast jeder sehr schnell einen tollen Shop<\/a> erstellen .<\/p>\n

Dass diese Art der Shoperstellung sehr beliebt ist, spricht daf\u00fcr, dass t\u00e4glich neue Add-Ons erstellt werden, die zur Verbesserung Ihrer Seite beitragen k\u00f6nnen<\/strong>. Die Pr\u00e4sentation eines Produkts war noch nie so einfach, es gibt unz\u00e4hlige M\u00f6glichkeiten, die Aufmerksamkeit der Verbraucher zu gewinnen.<\/p>\n

Ein solches Element ist sicherlich der Produktvergleich von WooCommerce<\/a>. Sie dient der Pr\u00e4sentation ausgew\u00e4hlter Produkte durch Gegen\u00fcberstellung ihrer Eigenschaften<\/strong>. Diese Art der Pr\u00e4sentation ist sowohl f\u00fcr die Kunden als auch f\u00fcr Sie gut. Wenn sich Kunden f\u00fcr ein bestimmtes Produkt entscheiden m\u00f6chten, m\u00f6chten sie ihre M\u00f6glichkeiten \u00fcbersichtlich vergleichen. Du kannst es ihnen leicht erm\u00f6glichen.<\/p>\n

Das Addon, das unsere Aufmerksamkeit erregt hat und das wir f\u00fcr den Shop-Produktvergleich, aber auch f\u00fcr viele andere Dinge als n\u00fctzlich empfanden, ist Qi Addons f\u00fcr Elementor<\/a>. Dieses Tool hat eine kostenlose Version mit 60 Widgets und eine Premium-Version mit \u00fcber 40 mehr. Alle Widgets sind \u00e4u\u00dferst n\u00fctzlich und erm\u00f6glichen es Ihnen, Ihren Seiten mit nur wenigen Klicks sch\u00f6ne und praktische Elemente hinzuzuf\u00fcgen .<\/strong> Die Anpassungsoptionen sind ebenfalls unglaublich, sodass Sie alle Widgets ganz einfach so gestalten k\u00f6nnen, dass sie perfekt zum Design Ihrer Website passen.<\/p>\n

Das Produktvergleichs-Widget dient dazu , Produkte mit ihren wesentlichen Merkmalen an einem Ort darzustellen<\/strong> und Kunden \u00fcbersichtliche Informationen an einem Ort bereitzustellen.<\/p>\n

\"So<\/a><\/p>\n

So funktioniert das Produktvergleichs-Widget<\/h2>\n

Die Verwendung dieses Widgets ist sehr einfach. Die Daten in der Tabelle werden direkt vom Produkt selbst abgerufen, es gibt keine \u00fcblichen Komplikationen im Zusammenhang mit der manuellen Eingabe<\/strong>. Alles, was Sie tun m\u00fcssen, ist , die Produkte auszuw\u00e4hlen, die in der Tabelle erscheinen werden, sowie die dazugeh\u00f6rigen Informationen<\/strong>.<\/p>\n

Au\u00dferdem ist es wichtig, die Tabelle zu stylen, und das WooCommerce-Produktvergleichs-Widget bietet Ihnen viele Optionen<\/strong> daf\u00fcr. Es gibt sicherlich ein Standard-Erscheinungsbild, das Sie erhalten, sobald Sie das Widget auf der Seite einf\u00fcgen, und Sie werden sofort sehen, wie einige Dinge wie Schriftarten zum Aussehen Ihres Themas passen. So kann Ihr Tisch mit nur wenigen Anpassungen gro\u00dfartig aussehen.<\/p>\n

Nachdem Sie Ihre Produkte<\/a> und die dazugeh\u00f6rigen Informationen hinzugef\u00fcgt haben, k\u00f6nnen Sie mit der Erstellung einer Produktvergleichstabelle beginnen. Dies ist eine Vorschau eines Produkts, das mit dem WooCommerce-Plugin erstellt wurde.<\/p>\n

\"So<\/a><\/p>\n

So erstellen Sie einen Vergleich ausgew\u00e4hlter Produkte<\/h2>\n

Sobald Sie die gew\u00fcnschte Seite mit Elementor bearbeiten, finden Sie das Produktvergleichs-Widget unter den verf\u00fcgbaren Widgets. Alle Qi-Widgets haben ein unverwechselbares Aussehen und rote Symbole.<\/p>\n

\"So<\/a><\/p>\n

Wenn Sie das Widget zur Seite ziehen, werden Sie feststellen, dass es keine Tabelle gibt, sondern nur eine Benachrichtigung mit der Aufschrift \u201eBitte w\u00e4hlen Sie die gew\u00fcnschten Produkte<\/strong> „. Nat\u00fcrlich m\u00fcssen Sie zuerst Produkte hinzuf\u00fcgen. Alle Einstellungen f\u00fcr dieses Element finden Sie in den Registerkarten Inhalt und Stil<\/strong>. Die Registerkarte Erweitert bietet auch verschiedene Einstellungen, aber sie geh\u00f6ren zu Elementor und Sie kennen sie bereits, weil jedes Element sie hat, sie sind nicht spezifisch f\u00fcr dieses.<\/p>\n

\"So<\/a><\/p>\n

So lass uns anfangen. Auf der Registerkarte \u201eInhalt“ bestimmen Sie, welche Daten in Ihrer Produktvergleichstabelle enthalten sein werden<\/strong>. Zun\u00e4chst werden wir einfach Produkte hinzuf\u00fcgen<\/strong>.<\/p>\n

\"So<\/a><\/p>\n

Au\u00dferdem k\u00f6nnen wir die Reihenfolge w\u00e4hlen, in der die ausgew\u00e4hlten Produkte<\/strong> in der Tabelle platziert werden, ob nach ID, Datum, zuf\u00e4llig \u2026<\/p>\n

\"So<\/a><\/p>\n

Anzuzeigende Filter<\/strong> sind eine Option, die festlegt, welche Daten in der Vergleichstabelle verwendet werden<\/strong>. Derzeit gibt es 4 Elemente: Bild, Titel, Preis und Bestand, dh. Verf\u00fcgbarkeit.<\/p>\n

\"So<\/a><\/p>\n

Sie k\u00f6nnen jedoch alles aus der Liste in der f\u00fcr Sie passenden Reihenfolge ausw\u00e4hlen. Diese Auswahl haben wir f\u00fcr unseren Tisch getroffen:<\/p>\n

\"So<\/a><\/p>\n

Sie werden feststellen, dass einige Teile anklickbar sind, wie z. B. der Name des Produkts, der zur Produktseite f\u00fchrt<\/strong>, und nat\u00fcrlich \u201eIn den Einkaufswagen“, mit dem Sie das Produkt sofort in den Einkaufswagen<\/strong> legen k\u00f6nnen. Nat\u00fcrlich muss der Add-to-Cart nicht Teil Ihres Tisches sein, aber in den meisten F\u00e4llen ist er sehr n\u00fctzlich.<\/p>\n

Schaltfl\u00e4cheneinstellungen beziehen sich auf die Schaltfl\u00e4che \u201eIn den Warenkorb“<\/strong>. Diese Einstellungen sind wichtig, wenn Sie sich entscheiden, sie der Tabelle hinzuzuf\u00fcgen. Es stehen mehrere Layouts und Schaltfl\u00e4chentypen zur Verf\u00fcgung<\/strong>. Sie k\u00f6nnen der Schaltfl\u00e4che auch ein Symbol hinzuf\u00fcgen und sie noch interessanter gestalten. Es h\u00e4ngt alles von Ihren Bed\u00fcrfnissen ab, und wir raten Ihnen, alle Optionen zu pr\u00fcfen. Wir werden nicht alle einzeln durchgehen, da sie intuitiv sind und Sie auch alle \u00c4nderungen, die Sie live vornehmen, auf der rechten Seite des Bildschirms sehen<\/strong> und alles sehr leicht selbst verstehen k\u00f6nnen.<\/p>\n

\"So<\/a><\/p>\n

Bewertungsoptionen sind logischerweise mit Anzeigebewertungen verkn\u00fcpft, wenn Sie sich daf\u00fcr entschieden haben, ein integraler Bestandteil Ihrer Anzeige zu sein. Obwohl Sterne die gebr\u00e4uchlichste Art sind, eine Bewertung anzuzeigen, bedeutet dies nicht, dass Sie kein anderes Symbol ausw\u00e4hlen k\u00f6nnen. Die Icon-Bibliothek steht Ihnen zur Verf\u00fcgung, Sie k\u00f6nnen das gew\u00fcnschte SVG aber auch selbst hinzuf\u00fcgen<\/strong>.<\/p>\n

\"So<\/a><\/p>\n

Wie gesagt, die Registerkarte Inhalt wird verwendet, um die anzuzeigenden Daten auszuw\u00e4hlen, und jetzt gehen wir weiter zur Registerkarte Stil, wo wir jedes ausgew\u00e4hlte Element formatieren k\u00f6nnen.<\/p>\n

Die Einstellungen sind gruppiert und auf den ersten Blick ist klar, wo sich die Einstellungen befinden<\/strong>. Gehen Sie nat\u00fcrlich jede Gruppe durch, um zu sehen, was da ist. Optionen zur Auswahl von Farben, R\u00e4ndern, Typografie und Gr\u00f6\u00dfe werden Sie in Erstaunen versetzen, wenn Sie feststellen, wie viele Details Sie anpassen k\u00f6nnen.<\/p>\n

\"So<\/a><\/p>\n

Wir wollen nicht alle Optionen durchgehen, weil wir sicher sind, dass Sie es interessant finden werden, es zu erkunden und zu spielen, wir werden nur ein paar wichtige durchgehen.<\/p>\n

Der Bildstil ist eine interessante und wichtige Option<\/strong>. Aus Erfahrung wissen wir, dass oft nicht alle Produkte ein Bild mit den gleichen Abmessungen haben (das Bild, das das Produkt darstellt und das sich auch in unserer Tabelle befindet). Dann tritt das Problem auf, dass die Bilder in der Tabelle in unterschiedlichen Dimensionen angezeigt werden. Aus diesem Grund sind uns die Optionen Quadrat, Querformat, Hochformat und benutzerdefinierte Optionen wichtig, da sie es uns erm\u00f6glichen, die Bilder auf die gleiche Gr\u00f6\u00dfe einzustellen<\/strong>. Andere Optionen sind ebenfalls interessant und wir verwenden sie am h\u00e4ufigsten, wenn es keine gro\u00dfen Abweichungen in den Gr\u00f6\u00dfen der vorgestellten Bilder gibt.<\/p>\n

\"So<\/a><\/p>\n

Schaltfl\u00e4chenstiloptionen<\/strong> sind auch etwas, das wir in den meisten F\u00e4llen ben\u00f6tigen, um die Schaltfl\u00e4che an das Aussehen des Themas anzupassen. Obwohl es sein Standard-Erscheinungsbild hat und unver\u00e4ndert bleiben kann, m\u00f6chten Sie es wahrscheinlich etwas mehr anpassen.<\/p>\n

Sie k\u00f6nnen den Hintergrund \u00e4ndern, die gesamte Untertitel-Typografie, Padding arrangieren \u2026 Und Sie k\u00f6nnen auch festlegen, wie der Hover-Button aussehen soll.<\/p>\n

\"So<\/a><\/p>\n

Bewertungsstil<\/strong> enth\u00e4lt unter anderem Optionen zum \u00c4ndern der Gr\u00f6\u00dfe der verwendeten Symbole, die f\u00fcr Sie wichtig sein k\u00f6nnen, aber auch zum Abstand zwischen ihnen und zum Stilisieren von markierten und nicht markierten Teilen der Bewertung.<\/p>\n

\"So<\/a><\/p>\n

Und so sieht es aus, wenn wir der Fantasie freien Lauf lassen\u2026 Sie werden sehen, dass das letzte Produkt keine Bewertung hat, der Grund \u2013 niemand hat es bewertet und wie Sie sehen k\u00f6nnen, ist dieses Feld leer<\/strong>. Wenn Sie ein leeres Feld st\u00f6ren, k\u00f6nnen Sie das Bewertungsfeld einfach durch ein anderes Element ersetzen. Sobald eine Tabelle eingerichtet ist, k\u00f6nnen die darin enthaltenen Daten nat\u00fcrlich ge\u00e4ndert werden \u2026<\/p>\n

\"So<\/a><\/p>\n

Abschlie\u00dfend<\/h2>\n

Es gibt viele verschiedene K\u00e4ufertypen, aber im Allgemeinen mag jeder eine \u00fcbersichtliche Produktvergleichstabelle. Wie Sie sehen k\u00f6nnen, ist das Hinzuf\u00fcgen von Produktvergleichen mit Qi Addons so einfach wie m\u00f6glich, sodass Sie nicht z\u00f6gern m\u00fcssen, selbst wenn Sie ein kompletter WordPress-Anf\u00e4nger sind \u2013 Sie k\u00f6nnen m\u00fchelos sch\u00f6ne, angepasste Produktvergleichstabellen hinzuf\u00fcgen, ohne zu viel von Ihrem zu investieren Zeit hinein. Sobald Sie den Dreh raus haben, wie einfach die Qi-Addons funktionieren, werden Sie sicherlich daran interessiert sein, Ihrem Webshop weitere n\u00fctzliche Elemente wie \u00d6ffnungszeiten<\/a>, Elementor-Prozess-Widget<\/a> hinzuzuf\u00fcgen, oder vielleicht m\u00f6chten Sie erkunden, wie Sie bestimmte Inhalte durch Hervorheben hervorheben k\u00f6nnen Text<\/a>. Es gibt sicherlich viele verschiedene M\u00f6glichkeiten, Ihre Website ansprechender und attraktiver zu gestalten, ganz zu schweigen davon, dass sie auch rentabel ist.<\/p>\n

Aufnahmequelle: wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Erfahren Sie, wie Sie den WooCommerce-Produktvergleich einfach zu Ihrem Webshop hinzuf\u00fcgen und Ihren Umsatz steigern k\u00f6nnen!<\/p>\n","protected":false},"author":1,"featured_media":263339,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[567],"tags":[845],"class_list":["post-371104","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-grundlagen","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/371104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=371104"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/371104\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/263339"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=371104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=371104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=371104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}